google-analytics - Gtag.js 在 pagespeed 洞察力中增加 LCP

Question

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

标签： google-analyticsgoogle-tag-managerpagespeedpagespeed-insightscore-web-vitals

Answer 1

对我来说突出的 PageSpeed Insights结果是：

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

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

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