AngularJS初始加载时间优化

我的应用程序只有15页，客户端没有太多代码。该网站由阿姆斯特丹的Modular托管，我称之为德国的Modular。它有一个可怕的长加载时间，我是唯一一个调用该网站。服务器统计信息： 154个请求传输9.14mb平均响应4.31ms

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

我已经做了：

• 首先加载css
• 稍后尝试加载不需要的js，比如socket.io、google analytics，但它是一个有角度的应用程序，所以我需要一些js
• 丑陋&缩小我的JS和CSS
• concat CSS和JS减少请求
• 对使用两次的小图像使用精灵+
• 根据屏幕大小加载不同的图像大小
• 对HTML使用角度模板缓存（这会增加初始加载时间）
• 也许有些事我忘了提

问题1 为什么瀑布中会有一个缺口，当然这些是外部脚本，但它可能已经在那个时候加载了图像

问题2 从CDN加载外部JS会减少很多加载时间吗？ 我想到了s.th。像这样：但我喜欢它有一个类似的程序。在dev和prod中，我的gulp过程非常复杂，我真的尽量避免在那里进行过多的重组

问题3 gzip之类的东西如何与角度模板缓存组合

问题4 我还可以做些什么来减少初始加载时间，应用程序中的加载时间很好

因为这是一个单页应用程序，所以在加载dom之前，您的站点不会加载，因为页面不知道要加载什么图像

对!！对对 我的dom负载大约11秒。。。我的js聚合文件是850K。 使用CDN时，我的dom负载为2sec，文件为250K（因为良好的gzip）

是的，是的！会有很大帮助的

使用javascript聚合将所有js添加到单个文件（或2个文件）并最小化。 如果您有很多文件，请将其分为两个文件，必选文件和额外文件。您需要加载的内容以及以后可以加载的内容

---

祝你好运：）

我目前正在使用的一个好工具：你能确认其他用户也有延迟吗？也许问题出在你的人际网络中？另外，如果你直接得到列表中的第一个css，它平均还是2.2秒吗？如果我使用mod.bz，我得到大约700ms-1。如果我使用我的自定义域，我会得到大约250ms-500ms（大部分是350ms）。我猜mod.bz是域上的代理，所以还有一个节点要去。到目前为止，我无法在不同的网络上测试它。如果我使用隐姓埋名模式进行测试，我的速度也会快得多，但是没有任何人在没有任何扩展的情况下冲浪。请看下面这篇文章：