让 WordPress 中的广告代码延迟加载

众多使用WordPress搭建的博客都会添加Google、百度等网盟提供的广告，但是不知道大家注意到没有wordpressWordPress在引用站外的东西的时候，如果站外服务器响应过慢，会导致很长一段时间打不开网页，为了避免这个问题，我们可以让广告代码在WordPress中延迟加载，达到对WordPress提速的功能！目前这段代码根据周良的测试，可以对百度、Google、网易等知名广告联盟起到延迟加载的作用。

具体方法如下：

1、进入WordPress后台，选择外观下面的编辑选项，找到这么一条语句，或许是相关的函数。然后在这条语句前面加入：

<div id="myad"></div>

2、打开你的footer.php文件，在之前加入如下代码：

<?php if (is_single()) : ?>
<div id=”span_myads”>

<!– AD code –>
//这里插入你的广告代码
<!– AD coed end–>

</div>
<script type="text/javascript">
document.getElementById("myad").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = “”;
</script>
<?php endif; ?>
</div>

3、打开你的style.css文件，加入下面的CSS代码：

#myad{float:left;margin:20px 10px 10px 40px;}

说一下代码的原理：一般来说网页元素加载是有顺序的，在广告的位置加一个空的div，然后在网页加载的最后的时候在去调用google的广告JS，产生广告，同时替换掉之前那个div的内容。当然了，如果你直接使用周良所提供的代码，那么你会发现这是在文章页面加载广告（因为周良博客的广告都是出现在文章页面），并且CSS样式我是自己的。

你需要按照你自己情况，修改一下代码，至于放到侧边栏或者首页的广告延迟加载方法我这里也就不多说什么了，方法都差不多，有了上面的代码，大家只需要稍微修改几个函数即可。

本文由周良粥凉发布在周良博客，转载此文请保持文章完整性，并请附上文章来源（周良博客）及本页链接。
原文链接：https://zlbk.net/wordpress-advertis-delayed-loading.html

152 条评论