速度分数细分
些新的 CWV 指标在 GPSI 得分中所占比例。
数据来源：Lighthouse 得分更新。
虽然非 CWV 指标也构成了整体得分，包括首次内容绘制时间 (FCP)、可交互时间 (TTI) 和总阻塞时间 (TBT)，但关注这三个 CWV 指标将直接影响其他指标。例如，如果没有快速的 FCP，就不可能有快速的 LCP，而 TBT 和 TTI 则直接影响着高 FID 得分。
最大内容绘制优化技巧
LCP 指标由众多独立因素组成，并直接受高 FCP 的影响。如果 FCP 被标记为差，您可能需要从这里开始。网络连接、服务器响应速度、首次字节 TTFB 时间以及渲染阻塞文件等所有因素都会影响 FCP 值。要深入了解一些更通用的页面速度建议，除了以下针对 LCP 的技巧外，还可以查看我们关于该主题的页面速度电子书。
如果 LCP 值远高于 FCP，那么我们需要研究如何更好地简化这个最大元素的显示。
确定最大元素
您可能首先想做的是确定最大的元 WhatsApp 主管 素是什么。最大的元素基于像素面积，而像素面积会在不同的断点处发生变化，因此视觉扫描不一定能识别出正确的元素。
在 PSI 中，“诊断”部分应该有一个“最大内容绘制元素”面板。或者，您可以将鼠标悬停在 Chrome 性能监控工具中的指示器上来查看 LCP，如下所示。
在上面的 Hallam 网站上，性能监控器将 LCP 显示为“Thrive Online”的主标题。理想情况下，LCP 应该像本例一样紧跟在 FCP 之后，如果两者之间存在差距，我们需要尝试找出原因。
字体是否优化？
如果首屏元素中最大的元素是字体，那么我们需要确保字体的呈现尽可能流畅。这包括：
- 使用 CSS font-display: swap; 确保字体文件加载时立即显示。Google Fonts 和 Adobe 的 Typekit 均支持设置字体“display”参数。
- 尝试在服务器上本地托管 .woff 和 .woff2 字体文件，而不是跨域请求第三方字体。Google Fonts 速度很快，Typekit 字体速度 数据科学家马特·吉莱斯皮 较慢，而且一些第三方字体代工厂的可靠性可能较低。
- 预加载字体文件会有所帮助。本地托管的字体通常会包含在网站的主样式表中，但必须先下载并解析该样式表，然后才能向其中的字体发出额外的请求。预加载会告知浏览器尽快开始下载字体，而无需等待 CSS 解析完成。
- 对第三方字体代工厂使用 preconnect 和 dns-prefetch。这些指令将有助于在向字体发出请求之前，在第三方域名之间建立 DNS、TLS 和 TCP 连接。
- 仅包含折叠屏上方所需的排版字体文 比利时商业指南 件。众所周知，Font Awesome 等图标库的字体资源非常庞大，但对这些资源（以及