我是一个致力于提高我们网站灯塔得分的团队的一员:https://www.bikewale.com/m/royalenfield-bikes/classic-350/
我们正专注于优化页面上的javascript交付,以减少交互时间。然而,我们注意到像gtm.js,gpt.js和页面加载广告这样的脚本,将我们的最大改进限制在70左右(灯塔性能得分)。
在对我们这一端的javascript交付做了优化之后,我们最多只能得到70分。我们尝试删除google tag manager和gpt的js文件,结果分数上升到95 (大约)。此外,延迟加载所有广告,因此对dfp的请求将我们提升到大约75 (我们不能这样做,因为第一个广告在第一个文件夹中)。
请注意,我们遵循了以下链接中提到的指南和最佳实践: gtm - https://developers.google.com/tag-manager/quickstart gpt - https://support.google.com/admanager/answer/7485975
googletag.pubads().refresh(immediateAds); // immediateAds is array of first fold ads刷新方法正在降低性能。
有没有一种方法可以优化广告和gtm脚本的交付,以提高性能?可能是较新版本的脚本或替代脚本?是否有一种方法可以立即加载第一个折叠广告,并在页面上延迟加载其他广告,而不使用refresh()方法
发布于 2019-06-12 21:02:35
恭喜你达到了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。您可以检查瀑布图,以确保在页面加载开始时设置了所有连接。
https://stackoverflow.com/questions/56492838
复制相似问题