由于Google Adwords导致的性能问题

Question

我想提高网站的效果，目前我遇到了谷歌Adwords问题。我已经把它（网站）从<4秒加速到~1.8秒，但是现在在这个网站上运行的webpagetest.org看起来：

一步一步（不包括不重要的请求）：

请求6

这是Google跟踪代码管理器脚本 - 我用它来设置Google Analytics通用代码＆amp;谷歌Adwords（有一些转换）

请求8＆amp; 9

有标准的GA脚本。如果我的网站上没有AdWords，那么包括Google脚本（~200-300ms =＆gt;还不错）将会结束。但...

要求9,10,11,12

...因为我启用了支持Google AdWords的脚本，其开头是糟糕的瀑布： - 脚本9重定向到10 - 脚本10重定向到11 - 脚本11重定向到12 需要52ms + 221ms + 139ms + 175ms =＆gt;在我的情况下（整个网站1800ms）是〜600ms非常非常糟糕的结果：（

我知道问题出现在谷歌Adwords中，但也许你有任何想法如何在加载事件后（当网站已经加载并且重定向不会阻止其他逻辑时）移动这些重定向。

为什么我确定这是因为AdWords？ 我只使用Google跟踪代码管理器准备了测试页，并启用了Google Analytics Universal，但没有重定向。之后我添加了Google Adwords标记，其中包含conversion =＆gt; 3重定向:(

Answer 1

为什么这是一个问题？

Google跟踪代码管理器，Google Analytics和Adwords以异步方式加载，以防止过多地占用您的网页。

您的开始渲染时间是大约0.6秒的绿线。你的DOM完成时间为1.2秒的紫色线，此时除异步脚本外，页面基本完成。

因此其他Google加载不会阻止您的页面加载。他们正在暂停你的文件完整时间，但这可能是也可能不是问题。

所以我的观点是 - 不要专注于数字。如果你专注于他们，那么请确保你专注于正确的数字！使用电影条视图查看页面的加载方式。

此外，对于第二次和后续加载或其他页面浏览，这不会是一个大问题，因为人们在您的网站上浏览它们将被缓存。

但是，如果你真的想改进这个，那么我可以建议一些事情：

1. 从Google跟踪代码管理器中分离出Google Analytics和Adwords，以便他们立即加载。在GTM中使用它们有一些优点，但缺点是如果必须加载它然后加载它们，所以它自然会产生延迟。只有你可以决定这种延迟是否值得。

2. 调查preconnect以预先进行连接和SSL协商。此外，Chrome很快就会preload允许指定要提前下载的脚本。