网站建设

网页速度优化技巧-减少HTTP请求

来源:上海网站制作 点击:次 日期:2015-03-05

       网页开启速度是影响用户感受非常重要的一个因素,也间接的影响了你的网站浏览量、转换率一个龟速的网站,使用者是没有耐心久留的!又尤其在这个行动装置盛行的时代,越来越多的人是在移动中浏览网页,网站的速度是网站经营者必须做好的一项功课!

先介绍两个网页速度测试工具:

Google PageSpeed

这是Google提供的网页速度测试工具,不但会计算一个参考分数,更会提供该如何优化的提示说明,而且有中文喔!

WebPageTest

这个速度测试工具就较复杂一些啰~适合对于网站建置有一定认知的使用者,工具除了能够选择远程测试的地区,更提供了非常详细的页面加载时间轴图表

網頁速度優化示意圖1

Google PageSpeed从20分到80分的速度优化技巧

用过了速度测试工具之后,就能够很清楚的知道拖慢网页加载速度的问题出在哪里啰!
其实影响着页面加载速度的最重要的要素是 HTTP Requests,接着才是档案大小

我们来看看一个网页HTTP Requests很多的实际案例,加载速度为什么会慢吧!

網頁速度優化示意圖2

下图是某个网站的HTML原始码前段与使用WebPageTest工具产生的图表
我们可以看到HTML Document前半段引用了许多现成Framework,如bootstrap、jQuery UI等
这些组件都会产生HTTP requests,并且是从HTML Document依照前后顺序循序加载的

網頁速度優化示意圖3

 

 

 

      从上图WebPageTest工具产生的图表,可以看到网页内容被加载的时间点,与每个内容加载了多久,范例当中的网站使用许多Framework,又没有将档案整并,因此一个页面开启时需要载48只js档案与22只css檔,光是js与css档案加起来就高达了70个HTTP requests,占据页面开启之后的6秒,这六秒可是黄金时间呀!!

     以上【 网页速度优化技巧-减少HTTP请求 】的内容由协策网络公司(http://www.580plan.com/)为您提供,本文网址: ,转载请注明出处,更多有关上海网站建设,网站优化、微信网站制作(微官网)、手机app开发、商业摄影、企业宣传片制作、400电话、电商代运营等互联网应用服务都可以联系我们。热线:51085186或致电18018609689王经理。

     协策网络公司每天都会不定时更新有关网站建设以及网络营销推广的文章,希望对您有用。


广告1

网站首页
关于协策
协策活动

联系协策

拨打电话 在线QQ 在线咨询 联系地址