Javascript 谷歌标签管理器增加了最大的内容画。页面完全加载后如何加载？

我有一个非常简单的页面包括引导。pagespeed中的页面得分是99，LCP是2.0，但当我添加Google tag manager脚本时，页面得分变成了85，LCP变成了4.2

在页面完全加载后，是否仍要加载该脚本以防止降低分数和增加LCP

<script defer src="https://www.googletagmanager.com/gtag/js?id=UA-xxx-1"></script>
<script type="application/javascript">
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'UA-xxx-1');
</script>

window.dataLayer=window.dataLayer | |[]；
函数gtag（）{dataLayer.push（参数）；}
gtag（'js'，新日期（））；
gtag（“配置”、“UA-xxx-1”）；

如果您看到了

，请添加延迟规则。 所以它变成了

。

---

这样，它将在最后运行该片段。尽管说实话，这方面的工作并不多。

您可以尝试使用

async

属性，它应该已经是默认的：

window.dataLayer=window.dataLayer | |[]；
函数gtag（）{dataLayer.push（参数）；}
gtag（'js'，新日期（））；
gtag（“配置”、“UA-xxx-1”）；

添加了它，但没有任何更改。它不起作用。分数很低，LCP很高。在完全加载页面后加载脚本将保持高分和低LCP。您可以使用light house的结果更新吗？分数85和LCP 4.2您的分数相同吗？是的，我主要使用谷歌页面速度

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxx-1"></script>
<script type="application/javascript">
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'UA-xxx-1');
</script>