AngularJS初始加载时间优化

Question

我的应用只有15页，并且在客户端不包含大量代码。该网站以阿姆斯特丹的模数为主，我在德国称之为模数。它有很长的加载时间，我是唯一一个调用该网站的人。服务器统计信息： 154个请求转移了9.14mb平均响应4.31ms

大多数加载时间似乎是vendor.css和vendor.js。以及应用程序的css和js。

我已经做了什么：

• 首先加载css
• 尝试加载不需要的js，比如socket.io，谷歌分析，但它是一个Angular App，所以我需要一些头脑中的JS
• uglify＆amp;缩小我的JS＆amp; CSS
• concat CSS，JS减少请求
• 对于使用两次+
的小图像使用精灵
• 加载差异。基于屏幕尺寸的图像尺寸
• 对HTML使用角度模板缓存（这会增加初始加载时间）
• 可能还有一些我忘记提及的事情

问题1

为什么瀑布中存在差距，确定这些是外部脚本，但它可能已经加载了图像。

问题2

从CDN加载外部JS会减少很多加载时间吗？ 我想到了s.th.像这样：https://www.npmjs.com/package/gulp-cdnizer但我喜欢它有类似的编程。在dev和prod。此外，我的吞咽过程非常复杂，我真的试图避免在那里进行过多的重组。

问题3

像gzip这样的东西如何与角度模板缓存结合起来？

问题4

我还可以做些什么来减少初始加载时间，在应用程序中加载时间是好的。

Answer 1

1. 因为你的网站在加载dom之前不会加载，因为这是一个单页应用程序，没有角度，页面不知道要加载什么图像......
2. YES！是！是！ 我的dom负载是11秒...我的js聚合文件是850K。 使用CDN我的dom加载是2秒，文件是250K（因为好的gzip）
3. 是是是！会有很多帮助！
4. 使用javascript聚合来将所有js最小化到单个文件（或2个文件）。 如果你有很多文件，分开2个文件，需要和额外的。你需要加载什么以及以后可以加载什么......
祝你好运：）