在本例中是通过

hujaifaaiyat

这两个 KPI 可以在各种 Google 工具中找到，但 FID 除外，它需要用户交互，因此需要真实的用户数据， Chrome用户体验报告。 LightHouse和ChromeDevTools（另一种计算方法）中将提出另一个KPI，TBT，即Total Blockitng Time来代替FID。 FID：首次输入延迟 FID 测量与用户的交互性。该指标指的是用户首次与页面交互（当他们单击链接、点击按钮或使用 JavaScript 中的自定义命令时）与浏览器能够做出相应响应的时间之间的时间。这种互动）。为了提供良好的用户体验，页面的 FID 应小于 100 毫秒。 FID 首次输入延迟 FID 首次输入延迟 从用户想要与页面交互的那一刻到页面做出响应的那一刻之间，有时可能会经过数百毫秒。事件处理的这种延迟经常发生，因为浏览器正忙于另一项任务（处理脚本）并且无法立即响应用户。



要运行的大型 JavaScript 文件有时可能是大型 FID 的来源。 以下是 FID 与浏览器执行的 中国数据 任务和页面呈现相关的说明： 在用户交互后的页面加载处理中显示 Fid 用户交互后页面加载处理中 FID 的显示。 不必要执行并可能增加 FID 的 JavaScript 文件将通过 Chrome 中的浏览器元素检查器检测到。然后需要使用快捷键“Ctrl + Shift + P”来显示“显示覆盖范围”： 在 Google Chrome 中显示覆盖率工具 在 Google Chrome 中显示覆盖率工具。 该工具将显示已解释但无用的 JavaScript 文件。然后，进行必要的优化以生成每种页面类型的 JS 文件就足够了，例如，不调用管理网站上所有页面主页上的轮播的 JS 文件...... 当前页面Js文件使用百分比 当前页面JS文件使用率。 由于外部脚本（第三方资源），首次输入延迟也可能很重要。因此，有必要衡量每个外部 JS 文件（Facebook Connect、Criteo 等）在其不同页面上的兴趣。要查看页面上调用的第三方资源，WebPageTest.org 工具可能会很有趣（执行测试后的“请求映射”选项卡）： 在Webpagetest中使用请求映射工具 在WebPageTest中使用请求映射工具 CLS：累积布局偏移 CLS 测量视觉稳定性（页面加载时改变位置的元素）。



为了提供良好的用户体验，页面应将 CLS 保持在 0.1 以下。 Cls 累积布局偏移 Cls 累积布局偏移 CLS 是通过对所有单独的设计变更分数求和来计算的。以下是 CLS 为 0.44 时可能发生的情况的示例： 页面上元素移动后的好 CLS 和坏 CLS 插图 页面上元素移动后的好 CLS 和坏 CLS 插图 上面，用户单击了一个元素，但同时显示了一个横幅，导致用户不由自主地单击了该横幅。有几个因素可以提高 CLS，但我们重点强调的主要因素包括： 加载的图像没有尺寸（宽度/高度属性）； 广告、嵌入内容或无维度 iframe； 动态注入内容（通过 Javascript 修改 DOM）； 尚未加载的字体（例如默认字体然后加载特定字体）； ETC。