我有一个传递给我的Angular7应用。第一次内容丰富的绘画和互动时间约为6秒!在https://www.google-analytics.com/collect和https://fonts.gstatic.com/s/opensans API调用上,它似乎停顿了(待定)约4秒钟,我发现这与Google字体有关。但这可能不是造成停滞的原因。我试图使用延迟加载模块来缩小捆绑包。目前,我们位于:styles.css 465B,runtime.js 1.1kB,polyfills.js 36kB,styles.js 10kB,vendor.js 583kB,main.js 142kB。捆绑包大小似乎不是问题,但是浏览器(Chrome浏览器)在用户看到主页之前仍会停顿6秒钟。有人有什么建议吗?
我也查看了SSR,但考虑到我们正在使用dist中的内容在AWS S3上进行服务,因此设置似乎非常复杂。我正在使用:
ng build --outputHashing=all --prod
请帮助。在尝试SSR之前,我想确保没有其他可以改进的地方。谢谢!
答案 0 :(得分:1)
首先,您可以尝试将Angular版本更新到最新版本,因为它带来了性能升级和错误修复。那就是我在SSR之前要做的。但是,如果您想获得更好的用户体验,那么SSR是“必须的”。考虑到捆绑包的大小,它并不是很大。我的应用程序的大小是您的三倍,并且加载速度更快。正如我所说,到目前为止,我在服务器(SSR)上进行渲染并使用v9。但是,如果没有任何代码示例,很难回答这个问题。
干杯!
答案 1 :(得分:1)
您可以尝试稍微优化代码,并在构建时使用AOT compilation mode
。
我找到了一篇不错的文章,您可以对此进行探索,并了解可以使用哪种方式确切地改善代码并减少加载时间。 https://www.dotnettricks.com/learn/angular/tips-to-optimize-your-angular-application