视觉稳定性（CLS） 累积布局偏移 (CLS) 是衡量页面上意指标，这种更改是在用户与其交互时元素移动时发生的。 以下是 Google 列为优先考虑的视觉稳定性措施： 明确定义页面上加载的任何内容的大小。这可以通过宽度和高度属性（或等效的 CSS 属性）来完成。 确保您的页面符合前后缓存的条件。开始使用此机制的页面在视觉稳定性方面有了很大的改进。
避免使用影响布局的 CSS 属性的动画/过渡。只要有可能，优先选 英国华人海外数据库 择使用 CSS 变换属性的过渡和动画。 交互性（FID） 首次输入延迟 (FID) 是衡量用户首次与页面交互（例如单击或 JavaScript 控件）的响应速度的指标。这是大多数网站已经占据主导地位的一个因素，但总有改进的空间。 FID 评估从用户首次交互到站点能够处理该交互的响应的时间（以毫秒为单位）。
这种延迟可能是由其他进程引起的，例如并行加载大型 JavaScript 文件。 以下是可以提高网站响应速度的主要措施： 通过将长任务分解为较小的任务来避免或中断它们，以便浏览器有更多的机会进行调整。 避免不必要或未使用的 JavaScript，可以通过 Chrome DevTools 中“源”下的“覆盖范围”选项卡找到该 JavaScript。 避免大量渲染更新。为此，您可以： 避免将 requestAnimationFrame() 用于任何非视觉工作；保持文档对象模型 (DOM) 较小；使用 CSS 包含。