Skip to main content
 首页 » 编程设计

javascript之如何避免 Google Search Console 出现 "FID issue: longer than 300ms"

2026年07月28日11duanxz

在我的一些网站上,Google 的 Search Console 工具和 PageSpeed 在我的主页上显示移动设备上的最大首次输入延迟为 300 秒,PC 上的最大首次输入延迟为 900 秒。

奇怪的现象,因为即使在我禁用所有 javascript 和 css 代码的开发环境中,结果也不会改变。

此外,我在我的网站上安装了由 Google 开发的以下脚本:https://github.com/GoogleChromeLabs/first-input-delay

它允许您通过 FID 将数据发送到 Google Analytics。在我的网站上,我在代码中添加了一行,以便浏览器控制台返回 FID (console.log(delay);)。

结果并不令人惊讶:当您单击页面上的任意位置时,浏览器的响应时间不到 5 毫秒,在某些情况下为 10 毫秒。

所以我认为google不会简单地点击页面来计算FID。顺便说一句,我还知道 FID 是由 Google Chrome 上的真实用户计算的,机器人无法完成。

但是在这种情况下,如何识别可能需要半秒甚至一整秒浏览器响应的元素?

尽管我在互联网上对此主题进行了长期研究,但都给出了相同的解释来进行诊断,但这对我的问题没有帮助。

请您参考如下方法:

由于您已经尝试删除 CSS 和 JavaScript 链接,因此您还可以尝试:

  • 查看任何图像 (img) 并查看加载需要多长时间
  • 查看网站中的所有 iframe 并查看加载时间
  • 检查加载任何网站图标需要多长时间
  • 任何 dns-prefetch 或 preconnect 元标记。
  • 查看 DevTools 中的“源”选项卡,了解加载时发出了哪些 HTTP 请求

抱歉,对于您的问题的具体解决方案,我无法提供更多帮助 - 关于您的特定网站以及加载该网站时发出的 HTTP 请求,我并没有太多信息。

我希望这会有所帮助。