Question

我是一个致力于改善我们网站的灯塔得分的团队的成员： https://www.bikewale.com/m/royalenfield-bikes/classic-350/

我们正在集中精力优化页面上的javascript投放，以缩短互动时间。但是，我们注意到gtm.js，gpt.js之类的脚本以及页面加载时加载广告将我们的最大改进幅度限制在70（灯塔性能得分）左右。

在对我们的JavaScript交付进行了优化之后，我们的得分最高为70。我们尝试删除google标记管理器和gpt的js文件，结果看到得分上升到95（大约）。另外，延迟加载所有广告，因此对dfp的请求将我们的广告请求提高到了约75（由于第一个广告处于首屏状态，所以我们不能这样做）。

googletag.pubads().refresh(immediateAds); // immediateAds is array of first fold ads 刷新方法会降低性能。

是否有一种方法可以优化广告和gtm脚本的投放，以提高效果？可能是脚本的较新版本或替代版本？有没有一种方法可以立即加载第一折广告，并在不使用refresh()方法的情况下延迟在页面上加载其他广告

Answer 1

恭喜您获得70分！对于电子商务网站来说，这是一个非常可观的分数。

我对GTM或GPT并不十分熟悉，但是我可以推荐一种优化方法，以帮助这些图书馆更有效地完成其工作：预先连接投放广告的来源。

对于这些起源中的每一个，您都应在页面顶部附近添加两个提示：

<link rel="dns-prefetch" href="https://dt.adsafeprotected.com">
<link rel="preconnect" href="https://dt.adsafeprotected.com">

第一个提示要求浏览器对源进行DNS查找。第二个要求浏览器建立TCP连接。预连接可以完成dns-prefetch的所有工作，但可以完成not all browsers support preconnect。使用这两个提示可以让您在尽可能多的浏览器中获得最佳性能

这两个提示都为浏览器提供了一些资源，而这些资源除非在页面加载过程的稍后阶段，否则它是不会知道的。

请紧记，具体取决于加载的资源you may need two preconnect hints。您可以检查瀑布图以确保在页面加载开始时已建立所有连接。