若是你认为一个网站建成后,工做就已经完成,你就大错特错了。你须要不断监测其可用性和可访问性,一个小问题,可能毁了一切。而网页载入速度对于一 个网站来说相当重要,试想一下,你喜欢进一个须要很长时间才载入完毕的网站吗?并且,搜索引擎对网页载入速度也提出了要求。“The web should be fast。”据悉,网站若没有在4秒内读取出来,大多数的访客就会选择离开,甚至Google也将网页载入速度做为网站排名的众多因素之一,惟有提高网站 效能才能让你的网站访客更多、更快乐。javascript
国外开发/设计网站DesignInstruct推荐了5个最具表明性的测试工具,将帮助你确保你的网站正常、高效工做。前端
1. Pingdom Website Speed Testjava
Pingdom是一个免费的网站速度测试工做,不只是看起来很是棒,并且尽量多的呈现出你的网站的各方面信息。它可测试网站加载速度,对页面和大小进行分析。测试完成后会获得一份很是详细的测试报告,包括图片、CSS等,告诉你哪些地方出现问题。web
2. Load Impact浏览器
Load Impact是一款在线网站压力测试工具。只须要输入网址进行测试,其即可以统计出加载网站的一些详细载入数据。包括总体加载和站内图 片,javascript, CSS等代码载入。测试完成以后,网站还能够存储测试过的统计数据。(注:若是你未注册该网站使用进行测试,那么你的网站性能信息可能会被公开在网上。)缓存
测 试有两种方案,虽然免费方案可以测试的虚拟访客比较少(免费仅可以测试十、20、30、40、50人同时在线上),但通常使用已经足够了!若是不够,可 以考虑购买Premium Account服务。不过,其功能可能会对网站产生必定的压力,你们可别用它去DoS别人网站哦。服务器
3. Google PageSpeed Insights网络
相信有接触前端开发的大神们都据说过Google官方的PageSpeed Tools,这个网页载入速度检测工具备在线版本也有一个 Chrome 扩展,叫PageSpeed Insights。dom
PageSpeed Insights 的Chrome扩展是由谷歌官方开发的一款能够分析页面载入的各个方面,包括资源、网络、DOM以及时间线等等信息的插件,安装之后会附加到 Developer Tools(开发者工具)中。因此安装以后,你们只须要在页面上点击右键——审查元素,就能够在最后一个标签中看到PageSpeed了。前端性能
PageSpeed的分析基于一个分为五类的最佳实践列表:
- 优化缓存——让你应用的数据和逻辑彻底避免使用网络
- 减小回应时间——减小一连串请求-响应周期的数量
- 减少请求大小——减小上传大小
- 减少有效负荷大小——减少响应、下载和缓存页面的大小
- 优化浏览器渲染——改善浏览器的页面布局
去谷歌开发者官网看了看,发现PageSpeed 不只仅只是个在线工具、插件那么简单,还有开发者使用的API、SDK;甚至还有能够安装在Apache或者Nginx服务器上的开源模块!
OctaGate SiteTimer 是一个在线的网页读取速度测试工具,效果图基于AJAX技术,并且它是全部工具里面最直观的;若是你就想知道你的网页里面哪一个元素拖了后腿,就跑这个工具。它就一张图,告诉你每一个网页元素下载须要时间。
5. GTmetrix
有些网站速度测试工具如Baidu仅提供页面元素加载时间;有些工具如Pingdom提供的Start Time、Connect Time、First Byte和Last Byte细分仍没法知足要求。功能更强大的GTmetrix是国外的一个免费评测网页载入速度的服务,可提供详细报告:显示出网页里每一个元件载入、开启或 存取的时间;并且会保存每个网站的记录,方便查看一个网站载入速度的历史变化。
若是你想将报告设定为不公开、或是储存报告、定时检查网页评分的话,能够免费注册GTmetrix账户。
测试的工具备不少,上述五个相对具备表明性,下面再简介三个: