我有一个传递给我的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