【发布时间】：2020-07-12 21:45:19
【问题描述】：
这是我只进行服务器端渲染（没有引导客户端）时得到的结果。这意味着所服务的页面无法交互，因为浏览器上没有执行任何 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 时，速度指数、首次 CPU 空闲和交互时间受到严重阻碍。
我不知道如何减少这种情况。使用 Angular Universal 和预启动。
当我不使用 Angular Universal（仅客户端渲染）时，分数仍然比使用服务器端渲染 + 客户端渲染要好。出于 SEO 的目的，我需要服务器端渲染。
可能是什么问题？
【问题讨论】：
-
查看此线程：github.com/GoogleChrome/lighthouse/issues/10845。而这个是从 2018 年回来的：github.com/GoogleChrome/lighthouse/issues/4578。似乎是因为重新水化，Angular Universal 的核心指标被延迟，导致分数很差。
标签： angular angular7 angular-universal