累积布局偏移 (CLS)CLS 衡量页面的视觉稳定性。用户在与您的网站互动时，会期望页面内容移动。但如果内容在用户意想不到的情况下移动，则可能会带来糟糕的体验。更糟糕的是，它们可能会导致用户点击错误的按钮，甚至下达他们不想要的订单。CLS 是如何计算的？这是 Google 创建的一个尺度，用于测量初始页面加载后内容的移动程度，布局偏移由布局不稳定 API定义。
CLS 记录页面加载的生命周期，并报告该生命周期内布局偏移分数的最大“爆发”。为了提供良好的用户体验，页面的 CLS 应保持小于 0.1。
大多数网站可以通过遵循一些指导原则来避免意外的布局变化，正如谷歌所指出的：
在图像和视频元素上添加尺寸属性
不要在现有内容上方插入内容，除非是为了响应用户交互
以提供状态之间的上下文和连续性的方式制作动画转换。
累积布局偏移可能是最难快速改进的核心 Web 要素。虽然 越南电报号码数据库 LCP 和 FID 有一两个主要问题需要关注，但 CLS 包含许多小细节，并且在部署新页面或网站时要遵循上述指导原则。
如何衡量我的核心网络生命力？
衡量核心网络指标的方法有很多种。需要注意的是，其中一些工具使用实验室指标（由计算机在可重现的环境中测量），而另一些工具使用现场指标（由真实用户测量）。如前所述，FID 无法在实验室中重现，因此下面的一些工具不测量它，而是测量 TBT（总阻塞时间）。
即使在 Lighthouse 等工具中，也可以使用不同的方式运行测试。Lighthouse 测试可以从 Chrome DevTools、Web UI 或命令行运行。您还可以将其作为 Node 模块运行，以将 Lighthouse 集成到您的 CI 系统中。
使用Netlify Lighthouse 插件，您无需额外前往命令行或 Lighthouse UI。Netlify 将为每次部署自动生成 Lighthouse 报告。
如果您使用 Netlify 来提高网站性能，此插件是一种定期监控团队关注的指标的简便方法，可确保您的性能不会随着时间的推移而下降。如果您发现部署后 Lighthouse 分数下降，Netlify 可让您轻松立即回滚到之前性能更高的网站版本。
如何改善核心网络生命力
通过处理网站的许多不同方面，可以改进核心网络生命力，从托管的基础设施到应用程序的构建方式，再到调整单个图像大小等小的调整。