Gtag.js在页面速度洞察中增加LCP



我在核心网络生命体征(移动(中的lcp分数有问题。我的LCP得分是3秒。要求的lcp成绩是2.5秒移动。我什么都试过了。使用高级插件(EWWWW图像优化器(优化图像。通过CDN提供文件。将网络请求减少到最低限度,并应用了其他常见的东西。我能降低lcp分数的唯一方法是删除gtag.js。这将lcp缩短到2秒,但我真的需要这个脚本来分析流量。有没有其他方法可以降低LCP?我已经尝试了灯塔中列出的所有建议。删除了未使用的CSS,JS。延迟加载图片,CSS,JS。

PageSpeed Insights的结果对我来说很突出:

  • 避免DOM过大(1889个元素(
  • 最大限度地减少主线程工作量(3.5 s(

在移动测试中,PSI报告在主线程上花费了3.5秒,在样式和布局上花费了1.275秒。我认为其中一些可以归因于大型DOM。因此,尝试找到方法来修剪页面中多余的内容或标记,以简化HTML结构。

脚本评估也占0.987秒,这表明有大量的JavaScript代码在页面加载时运行。我不太熟悉GTM,但根据结果,它似乎对主线程消耗(2.88秒(有很大贡献。需要检查的一些事情是禁用或删除GTM中不必要的服务,因为这些第三方可能会添加多余的JavaScript,并优化您确实需要的服务,以便将初始页面加载所需的任何非绝对必要的服务推迟到以后。有关GTM的一些其他建议,请参阅加载第三方JavaScript指南。

在实时站点上,滑块图像是LCP,它是通过CSS加载的。浏览器在加载CSS并知道页面上需要图像之前,不知道要加载图像。你可以通过预加载图像来加快速度。

你还使用了很多网络字体。您可以通过减少字体数量来释放主图像的带宽。

最新更新