广州日报
FID 优化的核心思路:让“首次交互”不被阻塞 FID 🔑过🌅长通常不是因为网络下载慢,而是因为 主线程被繁重的 JavaScript 执行堵塞
对必须保留的代码启用浏览器缓存,减少重💪复解析带来的📢主线程压力
避坑指南:新手最容易犯的三个错误 错误一:盲目将所有脚本改成 async 虽然 async 能让脚本不阻塞 HTML 解析,但它可能会导致脚本执行顺💯序错乱,造成页面交互逻辑断裂,用户点击后没反应,反而增加了 FID
FID 记录的是用户首次点击按钮、链接或输入框时,到浏览器实际响应之间的耗时
拆分或延迟 JavaScript 执行 最立竿见影的方式是告诉浏览器“非首屏交互要用的脚本先别执行”
具体做法: 为无需立即执行🌅的 <script> 标签添加 defer 或 async 属性