javascript - 单页应用性能问题

标签 javascript angularjs

我们正在使用 Angular js 开发单页 Web 应用程序。我们的问题是,当我们浏览不同的 URL 时,越来越多的 Java 脚本已添加到浏览器内存中,因此使应用程序逐渐变慢。有什么方法可以提高此类单页 Web 应用程序的性能当您的应用程序尺寸要增加时,页面应用程序会增加吗?

最佳答案

最好的方法是仅在需要时加载 js 文件。延迟加载就是方法。最初仅加载主要 js 文件,在移动到另一个 url 之前,延迟加载所需的 js 文件

oc.lazyLoad 是解决您问题的一个很好的解决方案。

下载 oc.lazyLoad 并将该依赖项注入(inject)到您的应用中,例如

var myApp = angular.module("MyApp", ["oc.lazyLoad"]);

并且您有一个名为 testModule.js 的 js 文件,并且您知道该文件的用途。因此,在转到该 URL 之前,请加载您的 js 文件,例如

myApp.controller("MyCtrl", function($ocLazyLoad) {
  $ocLazyLoad.load('testModule.js');
});

了解更多清晰度和信息 Read here

关于javascript - 单页应用性能问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38695872/

相关文章:

php - 无法返回某些变量作为对 jquery 调用的响应

javascript - jQueryUI - Accordion - 使用 ID 设置事件

javascript - Angular Protractor executeScript/executeAsyncScript : Maximum call stack size exceeded

angularjs - Angular 常数的 karma 问题

javascript - 如何在 angular-cli.json 样式部分包含所有 .less 文件?

javascript - 即使 reloadOnSearch 设置为 false, Controller 也会重新加载

javascript - 在 javascript/html 中创建日历

javascript - VS 代码片段到当前行下方的 console.log 选择

javascript - Ionic 2 - inAppBrowser 问题

html - 自动填充 html 选择 AngularJS