我正在使用angular-cli
,现在版本为1.0.0.-beta.17,作为Angular2应用程序的脚手架,即" head"一个"无头的cms"。 (这些术语表示CMS只是一个数据存储,它不会渲染页面。渲染是在Angular客户端完成的。)
使用How to pass parameters rendered from backend to angular2 bootstrap method中列出的方法获取CMS内容。 (我尝试了APP_INITIALIZER
和AppModule.constructor()
变体。
我的问题是网站在初始加载时速度太慢:在快速客户端上呈现页面的时间为2秒。网站是使用ng build -prod
构建的,它产生了一个相当小的包(样式+脚本+主要= 550kB)。
以下是快速客户端计算机上典型负载的图表:
这里的一大问题是从Angular完全加载到APP_INITIALIZER
方法实际运行时的1.2秒。在移动设备和较慢的设备上,情况更糟: - (
关于如何优化Angular的大多数提示都适用于版本1.
任何人都有提示我可以做些什么来缩短初始时间?