玩转网站速度诊断工具,合理提升页面加载速度
网站打开速度如果太慢,将极大的影响蜘蛛抓取和搜索用户体验。相信一个打开时间在10秒以上的网站很少会有用户去等待网站加载完成,这样的网站哪怕页面效果再好,也很难挽留住客户。
2017年出,百度退出“闪电算法”,主要针对移动端页面加载速度过慢的网站,降低甚至取消其排名资格。而页面加载速度在2秒以内的网站将会被认为是优质页面,获取流量倾斜。可以这么说,想要做好移动端网站优化,加载速度是其中最核心的东西。
那么,我们需要如何提升网站加载速度呢?下面风尚哈怂哥就为大家推荐一个非常好用的工具——百度统计中的网站速度诊断工具。通过这个工具,我们可以针对各项指标做调整一条一条的处理去提升网站的加载速度。
百度统计工具可以通过网通和电信两个网络分析页面的每个url请求的加载速度。
我们根据每个页面的请求时间,做分析可以发现哪些请求消耗的时间比较长,然后针对这些请求url去做相应的调整,比如图片加载时间过长那是否考虑减小图片大小、压缩图片或者做上图片加速等等。
页面打开时长
这个是总的来看页面打开速度的,在这里会显示网站检测的线路和比60.1%的网站打开时间长,大致看一下就可以。无需多做分析。
链接网络
在页面打开过程中,请求的次数越少,加载的速度就越快。在这里网站数据显示:页面打开过程中,共有95次请求(比87%的网站请求次数多),可节省36次连接。所以我们逐一减少这些请求次数就可以加快网站加载速度。
合并域名
可减少6次请求建议将只有1个资源的域名合并到其他域名下。
页面中只包含1个资源的域名如下,建议将其合并到其他域名下:
hm.baidu.com
-https://hm.baidu.com/hm.js?4e1ed542d248f25bc410511311777971
push.zhanzhang.baidu.com
-http://push.zhanzhang.baidu.com/push.js
js.passport.qihucdn.com
-http://js.passport.qihucdn.com/11.0.1.js?ff97ecafbae18f537797bd8b85eb1dd1
api.share.baidu.com
-http://api.share.baidu.com/s.gif?l=http://www.ceshi.com/
s8.qhres.com
-http://s8.qhres.com/static/ab77b6ea7f3fbf79.js
s.360.cn
-http://s.360.cn/so/zz.gif?url=http://www.ceshi.com/&sid=ff97ecafbae18f5377...
取消重定向
可减少1次请求多一次重定向,意味着多请求一次,尽量不要使用重定向。
从http://www.kingzhuyun.com/js/cpgwjs/c...重定向(302)至/Error/Error404?aspxerrorpath=/js/cpg...(耗时:0.05秒)
合并JS
可减少5次请求合并相同域名下的js,可以减少网络连接次数。
第1组(减少5次请求)
http://www.ceshi.com/skin/js/jquery-1.11.0.min.js(大小:36.7KB耗时:0.18秒)
http://www.ceshi.com/skin/js/wow.min_1.js(大小:2.5KB耗时:0.23秒)
http://www.ceshi.com/skin/js/owl.carousel.min.js(大小:8.0KB耗时:0.23秒)
http://www.ceshi.com/skin/js/page.js(大小:1.0KB耗时:0.09秒)
http://www.ceshi.com/skin/js/login.js(大小:2.4KB耗时:1.71秒)
http://www.ceshi.com/skin/js/effects.js(大小:962B耗时:1.57秒)
合并CSS
可减少4次请求合并相同域名下的CSS,可以减少网络连接次数。
第1组(减少4次请求)
http://www.ceshi.com/skin/css/base.css(大小:3.8KB耗时:1.03秒)
http://www.ceshi.com/skin/css/animate.min.css(大小:5.8KB耗时:0.65秒)
http://www.ceshi.com/skin/css/owl.carousel.css(大小:1.1KB耗时:0.28秒)
http://www.ceshi.com/skin/css/style.css(大小:9.9KB耗时:0.29秒)
http://www.ceshi.com/skin/css/responsive.css(大小:2.9KB耗时:0.15秒)
去除错误链接
可减少1次请求无法打开的连接,会导致页面打开缓慢,请及时修正或删除。
下面的链接无法打开,请及时修正或删除
http://www.ceshi.com/images/056.png(状态码:404)
使用CssSprite
可减少19次请求使用csssprite技术可以减少请求次数。
下面图片,可以使用csssprite进行合并,减少请求次数:
http://pic.ceshi.com/skin/images/logo.png(大小:1.9KB耗时:2.16秒)
http://www.ceshi.com/skin/images/060.png(大小:1.4KB耗时:1.71秒)
http://pic.ceshi.com/skin/images/057.png(大小:1.5KB耗时:2.11秒)
http://pic.ceshi.com/skin/images/059.png(大小:1.3KB耗时:1.97秒)
http://pic.ceshi.com/skin/images/061.png(大小:1.6KB耗时:1.94秒)
http://pic.ceshi.com/skin/images/062.png(大小:1.9KB耗时:0.66秒)
http://pic.ceshi.com/skin/images/063.png(大小:1.4KB耗时:0.61秒)
http://pic.ceshi.com/skin/images/045.png(大小:1.6KB耗时:0.61秒)
http://pic.ceshi.com/skin/images/046.png(大小:1.5KB耗时:0.62秒)
http://pic.ceshi.com/skin/images/049.png(大小:1.5KB耗时:0.56秒)
http://pic.ceshi.com/skin/images/048.png(大小:1.8KB耗时:0.62秒)
http://pic.ceshi.com/skin/images/050.png(大小:1.9KB耗时:0.67秒)
http://pic.ceshi.com/skin/images/011.png(大小:1.6KB耗时:0.64秒)
http://pic.ceshi.com/skin/images/012.png(大小:1.9KB耗时:0.68秒)
http://pic.ceshi.com/skin/images/020.png(大小:1.6KB耗时:0.88秒)
http://pic.ceshi.com/skin/images/023.png(大小:1.1KB耗时:0.91秒)
http://pic.ceshi.com/skin/images/021.png(大小:1.3KB耗时:0.91秒)
http://pic.ceshi.com/skin/images/024.png(大小:1.2KB耗时:0.46秒)
http://pic.ceshi.com/skin/images/022.png(大小:1.5KB耗时:0.48秒)
http://pic.ceshi.com/skin/images/025.png(大小:1.3KB耗时:0.47秒)
下载页面
下载页面就是向服务器进行请求,服务器发回网页的一个过程,这个过程受到网页大小等的影响,发回的页面体积越小,速度越快。本次检测表明:页面打开过程中,共下载1.7MB(比59%的网站字节数更多),可以减少338.3KB。减少主要通过启用Gzip和压缩元素进行。
启用Gzip
可减少240.2KB启用服务器Gzip,可以减少传输字节数。
未启用Gzip的资源有:
http://www.ceshi.com/skin/images/060.png(大小:1.4KB预计可减少288B)
http://pic.ceshi.com/skin/images/057.png(大小:1.5KB预计可减少279B)
http://pic.ceshi.com/skin/images/059.png(大小:1.3KB预计可减少296B)
http://pic.ceshi.com/skin/images/061.png(大小:1.6KB预计可减少278B)
http://pic.ceshi.com/skin/images/062.png(大小:1.9KB预计可减少271B)
http://pic.ceshi.com/skin/images/063.png(大小:1.4KB预计可减少291B)
http://pic.ceshi.com/skin/images/045.png(大小:1.6KB预计可减少275B)
http://pic.ceshi.com/skin/images/046.png(大小:1.5KB预计可减少280B)
http://pic.ceshi.com/skin/images/047.png(大小:3.1KB预计可减少256B)
http://pic.ceshi.com/skin/images/049.png(大小:1.5KB预计可减少286B)
http://pic.ceshi.com/skin/images/048.png(大小:1.8KB预计可减少270B)
http://pic.ceshi.com/skin/images/050.png(大小:1.9KB预计可减少263B)
http://pic.ceshi.com/skin/images/008.png(大小:2.1KB预计可减少261B)
http://pic.ceshi.com/skin/images/009.png(大小:2.5KB预计可减少281B)
http://pic.ceshi.com/skin/images/010.png(大小:2.4KB预计可减少269B)
http://pic.ceshi.com/skin/images/011.png(大小:1.6KB预计可减少316B)
http://pic.ceshi.com/skin/images/012.png(大小:1.9KB预计可减少273B)
http://pic.ceshi.com/skin/images/013.png(大小:2.6KB预计可减少259B)
http://pic.ceshi.com/skin/images/015.png(大小:66.6KB预计可减少29B)
http://pic.ceshi.com/skin/images/0511.jpg(大小:104.0KB预计可减少11.7KB)
http://pic.ceshi.com/skin/images/0512.jpg(大小:110.4KB预计可减少10.5KB)
http://pic.ceshi.com/skin/images/0513.jpg(大小:96.8KB预计可减少11.0KB)
http://pic.ceshi.com/skin/images/0521.jpg(大小:49.0KB预计可减少9.9KB)
http://pic.ceshi.com/skin/images/0522.jpg(大小:47.1KB预计可减少9.6KB)
http://pic.ceshi.com/skin/images/0523.jpg(大小:44.1KB预计可减少9.5KB)
http://pic.ceshi.com/skin/images/0531.jpg(大小:26.0KB预计可减少8.9KB)
http://pic.ceshi.com/skin/images/0532.jpg(大小:31.3KB预计可减少10.1KB)
http://pic.ceshi.com/skin/images/0533.jpg(大小:24.5KB预计可减少8.5KB)
http://pic.ceshi.com/skin/images/019.jpg(大小:18.4KB预计可减少2.3KB)
http://pic.ceshi.com/skin/images/054.jpg(大小:769B预计可减少561B)
http://pic.ceshi.com/skin/images/020.png(大小:1.6KB预计可减少277B)
http://pic.ceshi.com/skin/images/023.png(大小:1.1KB预计可减少304B)
http://pic.ceshi.com/skin/images/021.png(大小:1.3KB预计可减少293B)
http://s8.qhres.com/static/ab77b6ea7f3fbf79.js(大小:478B预计可减少132B)
http://www.kingzhuyun.com/js/cpgwjs/cav.js?_=1562290841149(大小:164B预计可减少30B)
http://www.ceshi.com/images/056.png(大小:921B预计可减少311B)
http://pic.ceshi.com/skin/images/024.png(大小:1.2KB预计可减少303B)
http://pic.ceshi.com/skin/images/022.png(大小:1.5KB预计可减少286B)
http://pic.ceshi.com/skin/images/025.png(大小:1.3KB预计可减少293B)
http://pic.ceshi.com/skin/images/026.png(大小:21.2KB预计可减少13.7KB)
http://pic.ceshi.com/skin/images/027.png(大小:24.3KB预计可减少13.6KB)
http://pic.ceshi.com/skin/images/028_1.png(大小:20.2KB预计可减少13.7KB)
http://pic.ceshi.com/skin/images/029.png(大小:20.9KB预计可减少14.8KB)
http://pic.ceshi.com/skin/images/030.png(大小:19.7KB预计可减少14.8KB)
http://pic.ceshi.com/skin/images/0311.png(大小:21.8KB预计可减少14.3KB)
http://pic.ceshi.com/skin/images/0322.png(大小:18.8KB预计可减少14.6KB)
http://pic.ceshi.com/skin/images/034.jpg(大小:28.0KB预计可减少53B)
http://pic.ceshi.com/skin/images/035.jpg(大小:29.1KB预计可减少77B)
http://pic.ceshi.com/skin/images/036.jpg(大小:16.5KB预计可减少75B)
http://pic.ceshi.com/skin/images/weixin.png(大小:82.4KB预计可减少1.4KB)
http://pic.ceshi.com/skin/images/aside.jpg(大小:1.7KB预计可减少61B)
http://pic.ceshi.com/skin/images/bg-new.png(大小:73.8KB预计可减少2.9KB)
http://pic.ceshi.com/skin/images/002.png(大小:12.5KB预计可减少106B)
http://pic.ceshi.com/skin/images/003.png(大小:12.0KB预计可减少100B)
http://pic.ceshi.com/skin/images/004.png(大小:15.7KB预计可减少231B)
http://pic.ceshi.com/skin/images/005.png(大小:12.8KB预计可减少62B)
http://pic.ceshi.com/skin/images/006.png(大小:8.5KB预计可减少32B)
http://pic.ceshi.com/skin/images/007.png(大小:12.1KB预计可减少98B)
http://pic.ceshi.com/skin/images/01411.jpg(大小:70.0KB预计可减少20.0KB)
http://pic.ceshi.com/skin/images/0181.jpg(大小:51.1KB预计可减少3.9KB)
http://pic.ceshi.com/skin/images/033.jpg(大小:141.2KB预计可减少1.5KB)
http://pic.ceshi.com/skin/images/0371.jpg(大小:139.6KB预计可减少2.4KB)
http://pic.ceshi.com/skin/images/right-menu-icons.png(大小:10.9KB预计可减少1.0KB)
http://pic.ceshi.com/skin/images/icon-list.jpg(大小:42.7KB预计可减少7.4KB)
压缩元素
可减少206.9KB使用压缩技术,减少元素的体积,提高网速。
以下元素可在不损失原信息量的前提下进行压缩:
http://www.ceshi.com/skin/css/base.css(大小:3.8KB预计可减少674B)
http://www.ceshi.com/skin/css/animate.min.css(大小:5.8KB预计可减少782B)
http://www.ceshi.com/skin/css/owl.carousel.css(大小:1.1KB预计可减少313B)
http://www.ceshi.com/skin/css/style.css(大小:9.9KB预计可减少1.1KB)
http://www.ceshi.com/skin/css/responsive.css(大小:2.9KB预计可减少349B)
http://www.ceshi.com/skin/js/jquery-1.11.0.min.js(大小:36.7KB预计可减少38B)
http://www.ceshi.com/skin/js/wow.min_1.js(大小:2.5KB预计可减少32B)
http://www.ceshi.com/skin/js/owl.carousel.min.js(大小:8.0KB预计可减少1.4KB)
http://www.ceshi.com/skin/js/page.js(大小:1.0KB预计可减少248B)
http://www.ceshi.com/skin/images/060.png(大小:1.4KB预计可减少744B)
http://www.ceshi.com/skin/js/login.js(大小:2.4KB预计可减少308B)
http://www.ceshi.com/skin/js/effects.js(大小:962B预计可减少152B)
http://pic.ceshi.com/skin/images/057.png(大小:1.5KB预计可减少741B)
http://pic.ceshi.com/skin/images/059.png(大小:1.3KB预计可减少744B)
http://pic.ceshi.com/skin/images/061.png(大小:1.6KB预计可减少761B)
http://pic.ceshi.com/skin/images/062.png(大小:1.9KB预计可减少729B)
http://pic.ceshi.com/skin/images/063.png(大小:1.4KB预计可减少733B)
http://pic.ceshi.com/skin/images/close.png(大小:2.8KB预计可减少2.6KB)
http://pic.ceshi.com/skin/images/045.png(大小:1.6KB预计可减少680B)
http://pic.ceshi.com/skin/images/046.png(大小:1.5KB预计可减少709B)
http://pic.ceshi.com/skin/images/047.png(大小:3.1KB预计可减少400B)
http://pic.ceshi.com/skin/images/049.png(大小:1.5KB预计可减少723B)
http://pic.ceshi.com/skin/images/048.png(大小:1.8KB预计可减少689B)
http://pic.ceshi.com/skin/images/050.png(大小:1.9KB预计可减少691B)
http://pic.ceshi.com/skin/images/020.png(大小:1.6KB预计可减少756B)
http://pic.ceshi.com/skin/images/023.png(大小:1.1KB预计可减少758B)
http://pic.ceshi.com/skin/images/021.png(大小:1.3KB预计可减少768B)
http://pic.ceshi.com/skin/images/024.png(大小:1.2KB预计可减少778B)
http://pic.ceshi.com/skin/images/022.png(大小:1.5KB预计可减少756B)
http://pic.ceshi.com/skin/images/025.png(大小:1.3KB预计可减少774B)
http://pic.ceshi.com/skin/images/026.png(大小:21.2KB预计可减少14.7KB)
http://pic.ceshi.com/skin/images/027.png(大小:24.3KB预计可减少14.8KB)
http://pic.ceshi.com/skin/images/028_1.png(大小:20.2KB预计可减少14.8KB)
http://pic.ceshi.com/skin/images/029.png(大小:20.9KB预计可减少16.1KB)
http://pic.ceshi.com/skin/images/030.png(大小:19.7KB预计可减少16.2KB)
http://pic.ceshi.com/skin/images/0311.png(大小:21.8KB预计可减少16.0KB)
http://pic.ceshi.com/skin/images/0322.png(大小:18.8KB预计可减少16.1KB)
http://pic.ceshi.com/skin/images/bg-new.png(大小:73.8KB预计可减少492B)
http://pic.ceshi.com/skin/images/right-menu-icons.png(大小:10.9KB预计可减少738B)
以下元素实际大小超过页面定义大小,可做大小压缩:
http://pic.ceshi.com/skin/images/008.png(大小:2.1KB预计可减少1017B)
http://pic.ceshi.com/skin/images/009.png(大小:2.5KB预计可减少1.2KB)
http://pic.ceshi.com/skin/images/010.png(大小:2.4KB预计可减少1.1KB)
http://pic.ceshi.com/skin/images/011.png(大小:1.6KB预计可减少904B)
http://pic.ceshi.com/skin/images/012.png(大小:1.9KB预计可减少973B)
http://pic.ceshi.com/skin/images/013.png(大小:2.6KB预计可减少1.2KB)
http://pic.ceshi.com/skin/images/017.png(大小:26.1KB预计可减少1.4KB)
http://pic.ceshi.com/skin/images/054.jpg(大小:769B预计可减少165B)
http://pic.ceshi.com/skin/images/weixin.png(大小:82.4KB预计可减少68.5KB)
打开页面
打开页面是用户通过浏览器打开网页的过程,其速度受页面内容大小、设计等的影响。
JS位置
JS何时加载并不影响网站的打开,但是如果JS放在网站前面部分,那么必须加载完JS才会继续加载网站的其他内容,所以一般JS放在网站底部。本次检测:有8个问题JS放在页面最后,可以加快页面打开速度。
发现8处JS不在页面最后,建议将他们放到页面最后:
第1处:
第2处:
第3处:
第4处:
第5处:
第6处:
第7处:
{
"@context":"https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id":"https://www.ceshi.com/",
"appid":"16219857915432823",
"title":"网站测试-测试加载速度",
"images":[
"http://www.ceshi.com/ceshi.png"
],
"pubDate":"2019-05-30T08:00:01"
}
第8处:
var_hmt=_hmt||[];
(function(){
varhm=document.createElement("script");
hm.src="https://hm.baidu.com/hm.js?4e1ed542d2148f25bc410511311777971";
vars=document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm,s);
})();
图片大小声明
图片如果没有做大小声明,即没有定义宽度和高度,那么页面就需要从新进行渲染,影响加载速度。本次检测:有60个问题图片,如果图片大小不做定义,则页面需要重新渲染,速度受到影响。
发现60个图片未作大小定义,建议对其大小做定义:
第1处:
第2处:
第3处:
第4处:
第5处:
第6处:
第7处:
第8处:
第9处:
第10处:
第11处:
第12处:
第13处:
第14处:
第15处:
第16处:
第17处:
第18处:
第19处:
第20处:
第21处:
第22处:
第23处:
第24处:
第25处:
第26处:
第27处:
第28处:
第29处:
第30处:
第31处:
第32处:
第33处:
第34处:
第35处:
第36处:
第37处:
第38处:
第39处:
第40处:
第41处:
第42处:
第43处:
第44处:
第45处:
第46处:
第47处:
第48处:
第49处:
第50处:
第51处:
第52处:
第53处:
第54处:
第55处:
第56处:
第57处:
第58处:
第59处:
第60处:
检测网站加载速度的工具有很多,相比之下哈怂哥认为百度统计的工具检测的项目更详细,所以今天给大家推荐这款工具。而除了百度统计检测出的东西,还有很多可以提升网站加载速度的。比如说:服务器、带宽、当前所处的网络环境等等,这些都属于外因,在这里就不一一介绍了。如果有其他不同的想法,欢迎与哈怂哥来进行讨论分析。
本文为风尚哈怂哥原创文章,欢迎转载请注明出处:jAVRVj.html