Gimhoy's Blog

您曾经浏览过

优化网站配置,提升访问速度之广告代码优化

本文最后更新于2013年5月8日,已超过三年没有更新,如果文章内容失效,请反馈给我们,谢谢!

之前写了三篇文章,介绍如何优化网站配置、提升访问速度:

1.优化网站配置,提升访问速度之设置HTTP缓存

2.优化网站配置,提升访问速度之引用CDN公共JS库

3.优化网站配置,提升访问速度之使用云存储

 

今天发现另一个提升速度的地方,那就是广告。很多人的博客上都挂上了广告,以期能够获得些许收入补贴下域名和主机钱。大部分人都是用广告联盟,在博客放广告都要加载一段js代码,而且一般都是放在中间或者靠上的位置,这时候如果这段代码加载速度过慢,网站的打开速度就会比较慢,影响用户体验。这里提出一个解决办法:错位加载法

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

<div id="ad_hiBlog">广告加载中...</div>

然后将下面这段代码放到页面底部,放到footer.php中之前即可:

<div id="ad_hiBlog_hide">这里填写你的JS广告代码</div>
<script type="text/javascript">
ad_hiBlog.innerHTML=ad_hiBlog_hide.innerHTML;
ad_hiBlog_hide.innerHTML="";
</script>

这样,由于网页是由上往下执行代码,所以页面载入的时候广告的位置会显示“广告加载中...”,等到整个页面加载完毕之后才加载广告代码,这样就不影响整个页面的打开速度了。

也可以使用iframe框架,这样广告的加载与网页内容无关,因此不需要等候网页内容的载入即可直接展示广告,iframe代码也不会影响网页自身的加载速度。但是iframe框架会影响广告的匹配度,而且Adsense使用该方法会被判为违规行为,需要注意。

  

系列文章:

1.优化网站配置,提升访问速度之设置HTTP缓存

2.优化网站配置,提升访问速度之引用CDN公共JS库

3.优化网站配置,提升访问速度之使用云存储

4.优化网站配置,提升访问速度之广告代码优化



免费获得每月10G空间+10G免费流量