javascript - Angular 1 : Above the Fold rendering

标签 javascript html angularjs optimization

目前我正在优化我的 AngularJS 网站,我希望通过 Google 页面速度洞察力达到 100/100。您是否知道 AngularJS 的多页面入口点速度高于折叠速度的好模式?

例如假设有多个 View 不需要为其首屏内容执行大量 JavaScript(除了路由)。

我唯一的想法是将折叠元素上方的这些内容填充到 index.html 文件中,然后在 index.html 文件中的内联脚本标记中进行一些路由,但这听起来难以维护我。

另一种可能是组装 index.html 文件的 gulp 任务 - 如果是这样的话,我假设有人以前做过这个。你听说过这样的事情吗?

有什么想法吗?有没有人这样做过,或者我应该接受我的 83/100 并继续我的生活?

最好,感谢您的建议!

最佳答案

我不太了解 Google Page Speed 的工作原理,但您绝对可以尝试 lazyload.js . index.html 不需要的所有 js 文件都可以稍后加载,页面加载将在加载最少数量的文件时完成。您已经尝试过了吗?

关于javascript - Angular 1 : Above the Fold rendering,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39902349/

相关文章:

javascript - Angular 2 multi-provider 用于导出依赖项的依赖项

angularjs - ZeroClipboard + angular,多个实例

angularjs - 使用 Angular JS 选择文件

html - 过时与弃用的 HTML

angularjs - Protractor 能否点击 Flash 的 "Adobe Flash Player Settings"提示?

javascript - 去抖动不适用于 React-Redux 应用程序

javascript - Three.js - 如何创建自定义形状

javascript - 查询的对象在 SELECT 和 JOIN 后返回 null

html - 低于全高 div 的 div

html - CSS 过渡是即时的,不会褪色到过渡中