网站页面请求的优化

lite6

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


  
优化后的页面page speed打分  


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


  


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


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


  
你可以看到，蜘蛛呀每天都是爬很多页面，但是呢下载下来的数据却是明显下降的。为什么会出现这样的情况呢。 在五月中旬的时候，此网站更换了服务器，由于新服务器带宽变小，网页在打开加载的时候明显变慢。继而影响蜘蛛的数据索引。所以，好的加载速度不仅仅是对用户的访问体验，还是蜘蛛的抓取，都是一个很大的问题。  
在服务器一定的情况下，减少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