在我的一些网站上,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 请求,我并没有太多信息。
我希望这会有所帮助。
