是什么影响了不良的首次输入延迟

fatehaayat2312

尽管首次输入延迟是核心 Web Vitals 中的主要指标，但其他交互也很重要，但 Google 决定最好将这两个指标分开，以便为 Web 开发人员提供更具体的指南。 如何测量首次输入延迟？ FID 与其他指标不同，因为它是唯一只能使用现场工具测量的指标。您不能使用实验室工具来测量 FID，因为它需要真实用户与您的网站进行交互。 用于测量首次输入延迟的实验室工具： Chrome 用户体验报告 PageSpeed 见解 Search Console 核心网络生命力报告 Web-vitals JavaScript 库 还需要注意的是，只有单击按钮和其他元素才被视为输入。鼠标滚动或尝试将鼠标悬停在图像或文本上不算是与页面的交互。 这意味着有时某些会话没有 FID 值。

如果您的网站首次输入延迟很差，那么罪魁祸首就是 JavaScript。FID 是由大量 JavaScript 执行引起的，因为它使主线程繁忙，因此浏览器无法立即响应用户。这意味着，如果您想提高网站的 FID，那么您必须专注于优化在网站上使用 JavaScript 的方式。 优化首次输入延迟 避免/中 丹麦电话号码数据 断长时间任务 任何使主线程忙碌 50 毫秒或更长的脚本都称为长任务。如果您想识别页面上的长任务，可以使用Chrome DevTools。如果可能，请避免执行较长的任务，但如果不是，您可以将它们分开以减少 FID 时间。长任务还会影响其他指标，例如 TTI，因此最好优先减少它们。 缩小或延迟未使用的 JavaScript 网页上的所有 JavaScript 都是渲染阻塞的，这意味着每次浏览器遇到脚本时，它都需要暂停正在执行的操作并尝试先加载该脚本。




这意味着您拥有的脚本越多，影响执行时间的时间就越长。 您在这里要做的是确保正在加载的所有脚本都是对网站至关重要的脚本。检查您网站上未使用的 JavaScript 并将其删除。您还可以推迟不必要的 JavaScript。另一种选择是在非关键 JavaScript 上使用延迟加载，这样它们只会在必要时加载。 使用 Web Worker 由于 FID 是由繁忙的主线程引起的，因此一个好的解决方案是将某些脚本卸载到另一个线程中。为此，您需要一个 Web Worker。它在不同的线程中运行 JavaScript 代码，因此它们不会阻塞用户界面。