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

[摘要]wordpress在引用站外的对象的时候，假如站外处事器响应过慢，会导致很长一段时间打不开网页，为了制止这个问题，我们可以让告白代码在WordPress中延迟加载，到达对WordPress提速的成果！

　　浩瀚利用WordPress搭建的博客城市添加Google、百度等网盟提供的告白，可是不知道各人留意到没有wordpress在引用站外的对象的时候，假如站外处事器响应过慢，会导致很长一段时间打不开网页，为了制止这个问题，我们可以让告白代码在WordPress中延迟加载，到达对WordPress提速的成果！今朝这段代码按照周良的测试，可以对百度、Google、网易等知名告白同盟起到延迟加载的浸染。

　　详细要领如下：

1、进入WordPress靠山，选择外观下面的编辑选项，找到这么一条语句<?php the_content(); ?>  ，或者是相关的函数。然后在这条语句前面插手：

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

2、打开你的footer.php文件，在</body>之前插手如下代码：

<?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样式我是本身的。你需要凭据你本身环境，修改一下代码，至于放到侧边栏可能首页的告白延迟加载要领我这里也就不多说什么了，要领都差不多，有了上面的代码，各人只需要稍微修改几个函数即可。

Wordpress下载：

WordPress v3.5.2 简体中文版下载

界面预览

WordPress v4.4.2 英文版下载

界面预览

本文转自：

分享到