Javascript 如何避免;FID问题:超过300毫秒”;用谷歌搜索控制台?
在我的一些网站上,谷歌的搜索控制台工具和PageSpeed显示,在我的主页上,手机上的首次输入延迟最大为300秒,PC上的首次输入延迟最大为900秒 奇怪的现象是,即使在禁用所有javascript和css代码的开发环境中,结果也不会改变 此外,我在我的网站上安装了以下由谷歌开发的脚本: 它允许您通过FID向Google Analytics发送数据。在我的网站上,我在代码中添加了一行,以便浏览器控制台返回FID(Javascript 如何避免;FID问题:超过300毫秒”;用谷歌搜索控制台?,javascript,jquery,performance,pagespeed,lighthouse,Javascript,Jquery,Performance,Pagespeed,Lighthouse,在我的一些网站上,谷歌的搜索控制台工具和PageSpeed显示,在我的主页上,手机上的首次输入延迟最大为300秒,PC上的首次输入延迟最大为900秒 奇怪的现象是,即使在禁用所有javascript和css代码的开发环境中,结果也不会改变 此外,我在我的网站上安装了以下由谷歌开发的脚本: 它允许您通过FID向Google Analytics发送数据。在我的网站上,我在代码中添加了一行,以便浏览器控制台返回FID(Console.log(delay);) 结果并不令人惊讶:当你点击页面上的任何地方
Console.log(delay);
)
结果并不令人惊讶:当你点击页面上的任何地方时,浏览器的响应时间不到5毫秒,有时甚至10毫秒
所以我认为谷歌不会简单的点击页面来计算FID。顺便说一下,我也知道FID是由Google Chrome上的真实用户计算的,它不能由机器人完成
但在这种情况下,如何识别浏览器响应前可能需要半秒甚至整秒的元素
尽管我在互联网上就这一主题进行了长期研究,但所有人都给出了相同的解释来进行诊断,但这对我的问题没有帮助。既然你已经尝试删除CSS和JavaScript链接,你也可以尝试:
- 查看任何图像(
)并查看加载这些图像需要多长时间img
- 查看站点中的任何
s,并查看加载它们需要多长时间iframe
- 检查任何favicon装载需要多长时间
- 任何
或dns预取
元标记预连接
- 查看DevTools中的Sources选项卡,查看加载时发出的HTTP请求
我希望这会有所帮助。您是否尝试过从开发人员工具->审核中进行检查。它可能会给你一些提示,我的主要网站已经尊重了所有的指导原则(否则就太容易了:)。