WordPress提高页面打开速度之广告代码优化  

现在偶的这个小博客打开速度是越来越慢,非常想提高一下访问速度.可能这也是很多人的困扰.今天捣鼓两种办法试试.

方法一:错位加载法.使用一上一下两个div进行替换.

首先，将如下代码放置在页面需要显示的位置：

<div ID="ad_30c">广告载入中...</div>

然后，把这段代码放到页面底部 /body 结束之前:

<div ID="ad_30c_hide">用你的JS代码替换这里</div>
<script>ad_30c.innerHTML=ad_30c_hide.innerHTML;
ad_30c_hide.innerHTML=""; </script>

代码执行原理: 由于网页是由上往下执行代码.

所以前面会暂时显示 广告载入中…

等到执行完整个页面后, 前面才会调用出来. 所以我们把广告的代码这些放到最后执行让前面调用, 就不会影响站点页面中正常的内容输出的速度了.

注意：可以增加多个调用，修改 div id="ad_30c" 对应的几个值就可以了。

当然还有其他办法，比如使用iframe框架，使用iframe类型的广告位代码，广告的加载与网页内容无关，因此，无需等候网页内容的依次载入，即可直接展示您的广告。如果您所在的网络环境由于各种因素导致加载速度较慢，iframe代码也不会影响您的网页自身的加载速度。但是iframe框架会影响广告的匹配度，并且Adsense如果使用该方法是会被判为违规行为，需要注意。

方法二:错位替换法,跟上面差不多.但是开始不需要写div,只要有相对定位就行了.例如我的插件myqaptcha的判断就是类似如此

<script type="text/javascript">
$(document).ready(function(){if($("p:has(\'textarea\')").length>0) $("p:has(\'textarea\')").before(\'<div class="QapTcha"></div>\'); else $("#comment").before(\'<div class="QapTcha"></div>\');});
</script>

赶紧去试试呗

分享到：