如何阻止谷歌广告减慢我的网站速度？答案

【问题标题】：How to stop Google ads from slowing down my website?如何阻止谷歌广告减慢我的网站速度？
【发布时间】：2018-05-22 12:13:37
【问题描述】：

我正在使用 Google Chrome 分析器在我的网站上运行速度审核。

它在抱怨一个文件 show_ads_impl.js

我不能 100% 确定这是从哪里来的？我从我的页面中取出了 AdSense，现在只设置了 Google AdWords 重定向。但我在该脚本中添加了异步标记。

这是我正在处理的页面：here

下面是分析者投诉的截图：

此外，分析器建议使用

<link rel="preload">

但是我应该在哪里添加呢？

【问题讨论】：

如果我没看错，那只是说show_ads_impl.js 本身正在加载一个额外的样式表，所以如果你预加载那个特定的样式表，你可以加快速度，所以在加载 js 时它整体更快
@apokryfos 我认为没有明确提到样式表。我在我所有的 JS 上都放了一个 async 标签，但它仍然有这个问题。
如果您实际上不执行异步，您的问题可能会消失。
@apokryfos 你为什么这么认为？
问题似乎是，当该脚本正在加载或初始化时，它会阻止屏幕呈现。如果它是异步的，那么当页面被认为是“交互的”时就会发生这种情况，这是不好的用户体验。如果它发生在屏幕交互之前，那么它不会产生相同的效果（但会增加屏幕交互之前的时间）。我想对其进行预加载也可以通过减少下载时间来实现

【解决方案1】：

您可以将链接 rel... 添加到页面的头部。我使用的一个技巧是加载页面，然后是页面上的脚本。我不确定您当前在标记中链接的脚本的位置，但请尝试将它们链接到底部，就在 Body 结束标记的上方。加载整个页面，然后加载广告 - 总时间相同，但用户不会注意到。

...
...
<script type='text/javascript' src='googlyads.com/ads.js'>
</body>

【讨论】：