优化Google AdSense代码加载以提高Wordpress网站速度

hwyzw

    我们知道，该网站的快速加载是良好的用户体验和搜索引擎优化的元素之一。您可能已经注意到，每当您将代码添加到网站中时，速度都会大大降低。这是因为您想下载大量文件以显示广告，并且包含许多跟踪代码。

    此外，警告将以页速显示，例如减少第三方代码的影响。为了解决此问题，我们需要进行一些广告加载速度优化和延迟加载代码，这可以显着提高网站的加载速度。

    1。减少代码中的JS请求

    我们应用的广告代码通常以下是：

    由于页面上可能有多个广告单元，因此它将重复加载.js文件，然后导致广告的加载速度缓慢。根据官方声明，我们不需要每个单元来加载.js文件，而只需加载一次即可。因此，我们需要列出以下代码：

    将其放在头上，等效于每个页面加载。然后，我们的广告代码简化为以下格式：

    样式=“：block”

    data-add- =“ ca-pub-”

    data-add =“”“”“

    data-ad- =“自动”

   

    data-full width- =“ true”>

    这样，它可以节省调用.js的时间，从而使用户体验更好。

    2。通过JS代码延迟加载

    该方法实际上是JS监视加载，也就是说，在完成网页的加载后，广告的JS开始加载。然后，我们只需要将以下代码放在头上即可。

    然后将每个广告单元的代码放置以减少.js，与上面提到的第一个点相同。刷新缓存，您会发现该网页首先加载并加载。

    当然，我们还可以将“”代码放在页脚上。在标签之前，它还可以在加载广告代码之前实现加载内容的效果。

    第三，通过插头实现

    1。页

    为了及时显示广告而不影响收入和绩效，我们可以使用WP速度开发的页面插头。我们不需要更改广告代码，转移到插件设置，填写关键字，然后保存设置并删除页面缓存。

    2。广告-ad＆

   

    这是一个很棒的广告管理插件，适用于所有广告类型。通过使用此插件-In ADS Pro其他组件管理工具，您可以设置延迟以加载广告。首先安装插头，然后激活ADS Pro。之后，可以在ADS >> Pro中启用此模块。您可以为每个显示位置分别启用延迟加载功能，并定义广告的加载时间。

    3，

    这是提高网站速度的付费插头。如果您购买它，则可以轻松地使延迟在顶部加载。只需转到设置>资产并启用延迟选项即可。在延迟行为下选择“仅延迟特定脚本”选项，然后在“延迟脚本”框中粘贴给定代码，然后保存设置，如下所示：

    现在无需添加任何手动延迟加载脚本，并且延迟加载将在您的网站上完美运行。您还可以使用插件（例如WP和CACHE插件）来延迟代码的加载。

    以上是优化广告加载速度的几种方法。延迟加载有助于提高页面访问速度，节省用户的带宽并改善用户体验。此外，我们注意到广告的主动浏览速率具有非常积极的影响。如果您的页面的加载时间被广告破坏，那么本文可以为您提供一个简单有效的解决方案。