我的应用程序只有15页,并且在客户端不包含大量代码.该网站以阿姆斯特丹的模数为主,我在德国称之为模数.它有很长的加载时间,我是唯一一个调用该网站的人.服务器统计信息：

154个请求转移9.14mb平均响应4.31ms

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

我已经做了什么：

>首先加载css
>尝试加载不需要的js,像socket.io,谷歌分析,但它是一个角色应用程序,所以我需要一些头脑中的JS
> uglify&缩小我的JS& CSS
> concat CSS,JS减少请求
>将精灵用于两次使用的小图像
>加载差异.基于屏幕尺寸的图像大小
>对HTML使用角度模板缓存(这会增加初始加载时间)
>可能还有一些我忘记提及的事情

问题1

为什么瀑布中存在差距,确定这些是外部脚本,但它可能已经在那个时候加载了图像.

问题2

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

问题3

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

问题4

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

最佳答案 >因为你的网站在加载dom之前不会加载,因为这是一个单页应用程序,没有角度,页面不知道要加载什么图像…

>是的！是！是！

我的dom负载是11秒…我的js聚合文件是850K.

与CDN我的dom负载是2秒,文件是250K(因为良好的gzip)

>是是是！会帮助很多！

>使用javascript聚合来将所有js最小化到单个文件(或2个文件).

如果你有很多文件,分开2个文件,需要和额外的.您需要加载什么以及以后可以加载什么…

祝好运 ：)