Angular Universal 在 Google 页面速度洞察上没有按预期提供性能改进

Question

这是我只进行服务器端渲染（不引导客户端）时得到的结果。这意味着无法与所提供的页面进行交互，因为浏览器上不会发生 js 执行。

First Contentful Paint: 0.6 s First Meaningful Paint: 0.6 s Speed Index: 0.6 s First CPU Idle: 1.5 s Time to Interactive: 1.7 s Max Potential First Input Delay:140 ms

总分：99

---

这是我在使用 Angular 通用和预引导（服务器端渲染 + 客户端渲染）进行渲染时得到的结果。页面是完全互动的。

First Contentful Paint: 0.6 s First Meaningful Paint: 0.6 s Speed Index: 2.5 s First CPU Idle: 2.6 s Time to Interactive: 3.3 s Max Potential First Input Delay:160 ms

总分：75

---

很明显，当我尝试在客户端执行 javascript 时，Speed Index、First CPU Idle 和 Time to Interactive 也受到严重阻碍。

我不知道如何减少这个。使用 Angular Universal 和预引导。

当我不使用 Angular Universal（仅客户端渲染）时，即使这样，分数也比使用服务器端渲染 + 客户端渲染要好。我需要服务器端渲染用于 SEO 目的。

可能是什么问题？

Answer 1

自 2019 年以来，谷歌更喜欢 TTI 而不是 FCP。这就是问题所在，我没有找到解决方案。

这是我刚刚读到的一些提示

https://code101.net/code-101/replacing-angular-with-plain-javascript-modules