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>
赶紧去试试呗
分享到: | |
没有评论