Gtag.js 提高页面速度洞察中的 LCP

Question

我在核心 Web Vitals（移动）中的 lcp 分数有问题。我的 LCP 分数是 3 秒。所需的 lcp 分数在移动设备中为 2.5 秒。我已经尝试了一切。使用高级插件（EWWWW Image Optimizer）优化图像。通过 CDN 提供文件。将网络请求减少到最低限度并应用其他常见的东西。我可以降低 lcp 分数的唯一方法是删除 gtag.js。这将 lcp 减少到 2 秒，但我真的需要这个脚本来分析流量。还有其他方法可以减少 LCP 吗？已经尝试了 Lighthouse 中列出的所有建议。删除了未使用的 CSS、JS。延迟加载图片、CSS、JS。

Answer 1

令我印象深刻的 PageSpeed Insights results 是：

• 避免过大的 DOM 大小（1,889 个元素）
• 最小化主线程工作（3.5 秒）

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

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