网站页面请求的优化

2019-03-22 04:16:27来源: Chinaz用户投稿 阅读 ()

新老客户大回馈,云服务器低至5折

长年累月,做个小站不容易,流量上来了广告管理不容易,广告多了服务器更不容易。广告管理繁琐,页面加载慢,拖死服务器等。常常的鸡皮小事闹腾的很,以前广告管理都JS调用,JS多了,http请求多,服务器拖的慢。百度广告管家最近出了个批量请求,提升广告加载速度,试用了下还是不错的。

对于前端优化,谷歌page speed在评判上有一定的权威性,下面就用page speed为基础测试。

优化后的页面page speed打分

优化页面之前的page speed评分

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

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

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

这里,贴图一个由于服务器不稳定,蜘蛛抓取明显下降的图。

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

在服务器一定的情况下,减少http请求,可以加快页面加载速度,而减少http请求最直接的方法是减少JS的请求,百度广告管家的批量请求正是我们想要的。

按照百度的批量请求二段式代码,个人觉得在加载页面的时候还是会有一定的延迟停顿。对于网站服务器不是很稳定,访客网速不给力的情况,对打开页面还是有一定的影响的。个人引用以前的延迟加载的代码。觉得应该是比较完美吧。

代码原则:

在需要显示广告的地方加入:

<SPAN id=ad_01>广告载入中..</SPAN>

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

<SPAN class=spanclass id=span_ad_01><!----调用百度广告二段式第二段代码-----></SPAN>

<script>document.getElementById("ad_01").innerHTML=document.getElementById("span_ad_01").innerHTML;document.getElementById("span_ad_01").innerHTML="";</script>

这样的有什么好处呢,第一,不影响百度的批量请求。第二,在页面加载时优先加载页面的其他代码,最后加载广告代码。。在速度上应该更加流畅。在网站其他代码请求显示的时候广告代码也请求显示完毕了。

文章出处:http://seo.520730.com/shujufenxi/38.html

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Redesign——iphone中的“再”设计

下一篇:优化网页速度-SEOs和Web开发者可执行的技巧