AngularJS初始加载时间优化

Question

我的应用程序只有15页，客户端不包含大量代码。这个网站是由阿姆斯特丹的模特儿主持的，我称之为德国的。它有一个可怕的长时间加载，我是唯一一个打电话给网站。服务器状态: 154次请求传输9.14mbavg响应4.31ms

​

​

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

我已经做过的事：

• 先加载css
• 以后尝试加载不需要的js，比如socket.io，google分析，但是它是一个角度应用程序，所以我需要一些JS在头上
• 丑化和细化我的JS & CSS
• concat，JS以减少请求
• 在使用twice+的小图像中使用精灵
• 负载差。基于屏幕大小的图像大小
• 对HTML使用角模板缓存(这会给初始加载时间增加一点)
• 可能有些事我忘了提

问题1

为什么瀑布有一个缺口，当然这些是外部脚本，但它已经可以加载图像在那个时候。

问题2

从CDN加载外部JS会减少很多加载时间吗？我想到了s.th。像这样：https://www.npmjs.com/package/gulp-cdnizer，但我喜欢它有一个类似的程序。在开发和推动。而且我的吞咽过程非常复杂，我真的尽量避免太多的重组。

问题3

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

问题4

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

Answer 1

1. 因为您的站点将不会加载直到dom将被加载，因为这是一个单一的页面应用程序，没有角度的页面不知道加载什么图像.
2. 是!是!是!我的负载大约是11秒.我的js聚合文件是850 K。使用CDN，我的dom负载是2秒，文件是250 K(因为好的gzip)
3. 是的是的！会有很大帮助的！
4. 使用javascript聚合来标记并将所有js最小化为单个文件(或2个文件)。如果你有很多文件，分开两个文件，需要和额外。你需要装载的东西和以后可以装载的东西.

祝你好运:)