首次输入延迟(FID)优化
Posted: Sun Apr 20, 2025 4:02 am
首次输入延迟 (FID)是衡量网站响应用户交互速度的指标。
尽管大多数网站在这方面表现良好,但据谷歌称,仍有改进的空间。
Google 的新指标“下一次绘制 西班牙 whatsapp 号码数据 交互时间 (INP)”是 FID 的潜在替代品,以下建议适用于 FID 和 INP。
避免长时间的任务或将其分解
任务是浏览器执行的所有单独的工作,包括渲染、布局、解析以及编译或运行脚本。
如果任务花费的时间很长,超过 50 毫秒,它们就会阻塞主线程,使浏览器难以快速响应用户输入。
为了避免这种情况,可以将长任务分解成多个小任务,让主线程有更多机会处理用户可见的关键工作。
这可以通过频繁让位于主线程来实现,以便渲染更新和其他用户交互可以更快地发生。
避免不必要的 JavaScript
包含大量 JavaScript的网页可能会导致任务争夺主线程的注意力,从而对网站的响应能力产生负面影响。
您可以使用Chrome DevTools中的覆盖率工具来识别并删除网站源中不必要的代码。
通过减少加载过程中所需资源的大小,网站将花费更少的时间来解析和编译代码,从而带来更流畅的用户体验。
尽管大多数网站在这方面表现良好,但据谷歌称,仍有改进的空间。
Google 的新指标“下一次绘制 西班牙 whatsapp 号码数据 交互时间 (INP)”是 FID 的潜在替代品,以下建议适用于 FID 和 INP。
避免长时间的任务或将其分解
任务是浏览器执行的所有单独的工作,包括渲染、布局、解析以及编译或运行脚本。
如果任务花费的时间很长,超过 50 毫秒,它们就会阻塞主线程,使浏览器难以快速响应用户输入。
为了避免这种情况,可以将长任务分解成多个小任务,让主线程有更多机会处理用户可见的关键工作。
这可以通过频繁让位于主线程来实现,以便渲染更新和其他用户交互可以更快地发生。
避免不必要的 JavaScript
包含大量 JavaScript的网页可能会导致任务争夺主线程的注意力,从而对网站的响应能力产生负面影响。
您可以使用Chrome DevTools中的覆盖率工具来识别并删除网站源中不必要的代码。
通过减少加载过程中所需资源的大小,网站将花费更少的时间来解析和编译代码,从而带来更流畅的用户体验。