Javascript 如何避免;FID问题:超过300毫秒”;用谷歌搜索控制台?

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);) 结果并不令人惊讶:当你点击页面上的任何地方

在我的一些网站上,谷歌的搜索控制台工具和PageSpeed显示,在我的主页上,手机上的首次输入延迟最大为300秒,PC上的首次输入延迟最大为900秒

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

此外,我在我的网站上安装了以下由谷歌开发的脚本:

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

结果并不令人惊讶:当你点击页面上的任何地方时,浏览器的响应时间不到5毫秒,有时甚至10毫秒

所以我认为谷歌不会简单的点击页面来计算FID。顺便说一下,我也知道FID是由Google Chrome上的真实用户计算的,它不能由机器人完成

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


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

既然你已经尝试删除CSS和JavaScript链接,你也可以尝试:

  • 查看任何图像(
    img
    )并查看加载这些图像需要多长时间
  • 查看站点中的任何
    iframe
    s,并查看加载它们需要多长时间
  • 检查任何favicon装载需要多长时间
  • 任何
    dns预取
    预连接
    元标记
  • 查看DevTools中的Sources选项卡,查看加载时发出的HTTP请求
很抱歉,就您的问题的具体解决方案而言,我无法提供更多帮助-我对您的特定站点以及加载时发出的HTTP请求没有太多信息


我希望这会有所帮助。

您是否尝试过从开发人员工具->审核中进行检查。它可能会给你一些提示,我的主要网站已经尊重了所有的指导原则(否则就太容易了:)。