Angular2应用程序加载缓慢,如何提高加载性能?
我在html5中使用Angular2和typescript.
目前,我的应用程序需要4秒才能加载. 我使用Firebase托管,使用CloudFlare.
Things I'm doing / info:
- 我压缩了图像.
- 我缩小css
- 我缩小了js.
- 我在脚本中使用async.
- 我的脚本在我的.
- 脚本大小约为700kb
- 我用谷歌速度测试得到65%
- 我使用了我使用的LIB的缩小版,例如 bootstrap 等.
- 使用systemjs.
- 这是我使用的种子应用程序:https://github.com/mgechev/angular-seed
Flow:
当应用加载时,它会显示一个蓝屏(这是 bootstrap css),然后4秒钟后,应用加载并运行得非常快.但加载需要4秒钟.似乎是应用程序.systemjs缩小到的js文件正在减慢整个应用程序的速度,并且显示视图的速度不够快.
This is my website speed test: https://www.webpagetest.org/result/161206_F5_N87/个
This is my website:
如果您需要有关我的应用程序以及我可以做的任何其他事情的更多信息,请告诉我.