【问题标题】:AngularJS 1: Above the Fold renderingAngularJS 1:折叠渲染之上
【发布时间】:2017-06-19 17:46:43
【问题描述】:

目前我正在优化我的 AngularJS 网站,我很想从 Google 页面速度洞察中达到 100/100。你知道 AngularJS 有一个很好的模式来为多个页面入口点提供良好的折叠速度吗?

例如假设有多个视图不需要为它们的首屏内容执行大量 JavaScript(除了路由)。

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

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

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

最好,感谢您的建议!

【问题讨论】:

    标签: javascript html angularjs optimization


    【解决方案1】:

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

    【讨论】:

    • 嗯,这可以像图片一样加快资产加载速度,但不是真正的 javascript 部分。不过,谢谢
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-11
    • 2021-02-14
    • 2018-04-20
    • 2023-03-26
    • 1970-01-01
    相关资源
    最近更新 更多