lite6 发表于 2011-9-5 18:06:54

网站页面请求的优化

核心提示:长年累月,做个小站不容易,流量上来了广告管理不容易,广告多了服务器更不容易。广告管理繁琐,页面加载慢,拖死服务器等。常常的鸡皮小事闹腾的很,以前广告管理都JS调用,JS多了,http请求多,服务器拖的慢。百度广告管家最近出了个批量请求,提升广告加载速度,试用
                长年累月,做个小站不容易,流量上来了广告管理不容易,广告多了服务器更不容易。广告管理繁琐,页面加载慢,拖死服务器等。常常的鸡皮小事闹腾的很,以前广告管理都JS调用,JS多了,http请求多,服务器拖的慢。百度广告管家最近出了个批量请求,提升广告加载速度,试用了下还是不错的。
对于前端优化,谷歌page speed在评判上有一定的权威性,下面就用page speed为基础测试。

http://upload.chinaz.com/upimg/allimg/110711/1518080.jpg

优化后的页面page speed打分

http://upload.chinaz.com/upimg/allimg/110711/1518081.jpg

优化页面之前的page speed评分
从评分上来看,优劣当然是显而易见的。下面对比下http请求数。

http://upload.chinaz.com/upimg/allimg/110711/1518082.jpg


http://upload.chinaz.com/upimg/allimg/110711/1518083.jpg

数据看来,请求数减少了17个,请求大小减少200多KB。。当然,这里的优化不全是换了广告系统的原因,但是百度广告管家的功劳还是不可否认的。在页面的加载上也是显而易见的。下面继续看图。谷歌管理员工具抓取截图。

http://upload.chinaz.com/upimg/allimg/110711/1518084.jpg

从6月份开始,蜘蛛的抓取量明显变大。在服务器稳定的情况下,过少的请求链接,辅助页面的快速加载,有助于蜘蛛的页面抓取。页面加载速度会不会影响呢?
这里,贴图一个由于服务器不稳定,蜘蛛抓取明显下降的图。

http://upload.chinaz.com/upimg/allimg/110711/1518085.jpg

你可以看到,蜘蛛呀每天都是爬很多页面,但是呢下载下来的数据却是明显下降的。为什么会出现这样的情况呢。 在五月中旬的时候,此网站更换了服务器,由于新服务器带宽变小,网页在打开加载的时候明显变慢。继而影响蜘蛛的数据索引。所以,好的加载速度不仅仅是对用户的访问体验,还是蜘蛛的抓取,都是一个很大的问题。
在服务器一定的情况下,减少http请求,可以加快页面加载速度,而减少http请求最直接的方法是减少JS的请求,百度广告管家的批量请求正是我们想要的。
按照百度的批量请求二段式代码,个人觉得在加载页面的时候还是会有一定的延迟停顿。对于网站服务器不是很稳定,访客网速不给力的情况,对打开页面还是有一定的影响的。个人引用以前的延迟加载的代码。觉得应该是比较完美吧。
代码原则:
在需要显示广告的地方加入:


   
      
            广告载入中..
      
   


在网页底部加上广告代码:


   
      
            
            
            document.getElementById("ad_01").innerHTML=document.getElementById("span_ad_01").innerHTML;document.getElementById("span_ad_01").innerHTML="";
            
      
   


这样的有什么好处呢,第一,不影响百度的批量请求。第二,在页面加载时优先加载页面的其他代码,最后加载广告代码。。在速度上应该更加流畅。在网站其他代码请求显示的时候广告代码也请求显示完毕了。
文章出处:
http://seo.520730.com/shujufenxi/38.html
页: [1]
查看完整版本: 网站页面请求的优化