我知道很多网站管理员认为页面速度毫无意义。然而，我相信这个因素是谷歌决定对任何网站进行排名的前三名因素之一。

我厌倦了看到谷歌自己的服务如何减慢我的网页速度。我编写干净的代码。当我启动任何网站/应用程序时，它在 GTMetrix 和 Pingdom 上得分为“A”，在 Google Page Speed（移动）上得分为 100/100。一般来说，Google Ads 不会损害桌面版本。

然而，一旦我添加至少一个 Google 广告，我的排名就会下降至“C”和 60-67/100（移动）。

当然，有人可能会说页面速度不是 SEO 排名因素。好的，对于《纽约时报》、《华尔街日报》、《Bustle》、《赫芬顿邮报》等，可能是这样。但对于任何新网站来说，速度是一个至关重要的因素。

不公正的是，谷歌指出了自己的服务，这减慢了我（和你）的项目，例如：

有 6 个静态组件，没有远期到期日期。

https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
https://code.jquery.com/jquery-3.3.1.min.js (not Google)
https://adservice.google.ca/adsid/integrator.js?domain=xxx
https://adservice.google.com/adsid/integrator.js?domain=xxx
https://pagead2.googlesyndication.com/pub-config/r20160913/ca-pub- 
xxx.js
https://fonts.googleapis.com/css? 
family=Open+Sans:400,700|Roboto:700&lang=en

减少 DNS 查找：

pagead2.googlesyndication.com: 6 components, 368.9K (136.4K GZip)
code.jquery.com: 1 component, 86.9K (30.2K GZip)
adservice.google.ca: 1 component, 0.1K (0.1K GZip)
adservice.google.com: 1 component, 0.1K (0.1K GZip)
googleads.g.doubleclick.net: 11 components, 173.4K (45.9K GZip)
fonts.googleapis.com: 1 component, 7.0K (0.6K GZip)
tpc.googlesyndication.com: 5 components, 153.0K (57.0K GZip)
www.google.com: 1 component, 0.2K

避免 URL 重定向：

https://www.google.com/pagead/drt/ui redirects to 
https://googleads.g.doubleclick.net/pagead/drt/si

减少 JavaScript 执行时间：

/pagead/ads?client=…(googleads.g.doubleclick.net)
/pagead/ads?client=…(googleads.g.doubleclick.net)
…js/adsbygoogle.js(pagead2.googlesyndication.com)
…r20100101/osd.js(pagead2.googlesyndication.com)
…r20180604/show_ads_impl.js(pagead2.googlesyndication.com)
…activeview/osd_listener.js(tpc.googlesyndication.com)

等等，等等，等等……

我知道我无法编辑他们这边的代码。但也许有某种方法可以推迟谷歌广告或采取任何其他技巧来减少谷歌自己服务的危害？是否至少有人在 Google Page Speed（移动）方面得分为 100/100，并且在一个网页上投放了 2-3 个 Google Ads？

我最近进行了一些测试并仔细研究了这些问题。所以有一些与此相关的解决方案和建议。

主要目标是例如，为了尽量减少对站点速度的影响，并将所有转换和第三方脚本移至较低优先级加载，请将它们添加到页脚部分，而不是像所有这些服务建议的那样添加到头部。从跟踪和分析的角度来看，加载这些优先级较低的脚本不会造成太大损失。也许，您会增加一点可能性，一些转化将不会被跟踪，并且会在您的报告中丢失，但同时，您将提高所有用户的网站速度。一个例外是将 Google Analytics 或 Google Tag Manager 放在头脑中，因为从功能和跟踪的角度来看，这可能具有更高的优先级和重要性。

另一个重要且良好的做法是检查并删除所有没有活动活动的标签，并仅在网站上保留这些跟踪脚本，从营销和跟踪的角度来看，什么是重要的，什么是有意义的。

我推荐的控制所有这些第三方脚本的方法是使用 Google 标签管理器并管理所有这些标签。

在 Google 跟踪代码管理器中使用第三方脚本时如何优化网站速度：

1. 确定所有脚本加载的优先级并按优先级排序

使用 Google 跟踪代码管理器的页面视图触发器在页面打开时触发代码 加载到网络浏览器中。跟踪页面的触发器类型有3种 加载事件，每种类型的标准略有不同 确定触发器何时应触发标签：

页面视图：当网络浏览器开始加载页面时立即触发 页。如果您只需要从页面生成的数据，请使用此选项 印象。

DOM Ready：浏览器完成后触发 使用 HTML 和文档对象模型 (DOM) 构建完整页面 已准备好进行解析。与 DOM 交互的基于页面浏览量的标签 填充变量应使用此触发器类型以确保 跟踪代码管理器可以使用正确的值。

窗口已加载：页面完全加载后触发，包括任何嵌入的资源，例如图像和脚本。

要创建新的页面视图触发器：

1. 单击触发器，然后单击新建。
2. 单击触发器配置并选择页面视图触发器类型。

3. 可选，但建议提高性能：为您期望点击的页面指定条件（通常是 URL 模式） 发生：

   • 在“此触发器触发”标题下，选择“某些事件”。
   • 在“当事件发生并且所有这些条件都为真时触发此触发器”下，添加一个过滤器以仅在以下情况下启用此触发器： 需要它的页面，例如点击 URL 包含 /path/to/promo。

4. 保存触发器并发布。

Source: https://support.google.com/tagmanager/answer/7679319?hl=en https://support.google.com/tagmanager/answer/7679319?hl=en

我建议仅对最重要的标签使用页面视图触发器，例如 Google Analytics。对于所有其他标签，您应该至少使用 DOM Ready 或更可能的页面加载触发器。使用“页面加载”触发器将对所有这些第 3 方标记的网站速度产生较小的影响，但如果用户在加载跟踪脚本之前关闭“谢谢”页面，则会增加某些转化无法被跟踪的可能性。

有时，HotJar 等脚本或类似的热图脚本也应与页面视图脚本一起使用，以提高这些分析数据的准确性。

如果您在网站上添加一些聊天或支持工具，那么对于这些​​脚本也应该使用页面加载触发器。

2. 根据需要查看并更新脚本。

您应该检查、更改或暂停您不使用的标签，或者这些第三方工具没有任何活动的活动。

使用资源提示：DNS 预取和/或预连接

此外，您应该对从另一个域加载的所有第三方资源使用这些资源提示。由于同一浏览器不支持两者，因此我建议同时使用它们。

简而言之，您应该将这些用于减少 DNS 查找中提到的所有域。

您应该添加在头上的代码应该如下所示：

<!-- Prefetch DNS for external assets -->
 <link rel="dns-prefetch" href="//fonts.googleapis.com">
 <link rel="dns-prefetch" href="//www.google-analytics.com">
 <link rel="dns-prefetch" href="//cdn.domain.com">

<!-- Preconnect for external assets -->
 <link rel="preconnect" href="//fonts.googleapis.com" crossorigin>
 <link rel="preconnect" href="//www.google-analytics.com" crossorigin>
 <link rel="preconnect" href="//cdn.domain.com" crossorigin>