译文:提升网站性能的5个工具
发布在CSS3教程2014年9月21日view:3403
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

本文译自:5 Tools to Speed Up Your Web Site

译文原文:提升网站性能的5个工具

译者:小黑路人

译者注:请尊重版权,转载请注明来源。虽然这篇文章写于2011年3月份,可能相对现在日新月异的前端技术来说算是老文章了,但是假如作为一个比较注重前端界面优化的同学那就要看看到底我们的网站还有哪些值得优化提升的地方。这些工具会真实反映网站性能的数据,并且直观的表现出来。

网站的速度变得越来的重要,Google现在已经把一个网站的加载时间纳入到用户搜索结果的排名当中//补充:可见一个网站的访问速度对于排名是有多么深远的影响,当然谷歌是这么做的,但对于国内的熊掌我们不得而知,但是有一点是肯定的,网站的加载速度拥有更好的用户体验,从而可以增加用户留存度。 这里有几个工具可以帮助提供你缓慢的网站。

任何时候你优化一个网站,必须确保已经备份和留存日志//这是为了当我们在操作的过程中出现错误之后可以挽回,假如你不是做正式测试,只是做一些小改变并且最少观察两次网站最繁忙通信的结果。做很多的改变时,请马上介绍哪些难题是需要介绍的。

so,下面就是介绍5个可以提高网站速度的工具。

1. WebPageTest

WebPageTest就是一款很不错的在线测试工具,集合很多测试功能。Google的评级,Yahoo的Yslow,首次加载时间和其他的一些测试后的简单报告。瀑布流的展示方式让我们轻松看见问题出在何处。包括第三方,特别是Javasript,能显著的延缓页面的渲染时间。

webpagetest

2. PageSpeed

pagespeed 是一款火狐插件。假如有你有很多的页面需要优化,利用PageSpeed插件和Yslow结合可以比传统的web工具更加快速的优化。不局限于性能和等级-优势就在细节。有时候,这些建议可能会导致降低性能或妥协服务器稳定性。

当然谷歌也是有一款在线测试网站性能的工具,叫做PageSpeed Insights,这款在线工具不仅可以测试桌面端的性能,同时,还可以测试移动端的性能,并且还可以得知网站的用户体验分数是多少,哪些是可以优化的。也是一款很赞的在线工具。

3. Yslow

Yslow 是一款Yahoo测试网站的工具,假如你有需要去了解一下这款工具,除了Yahoo开发者网站看之外,还可以直接点击这里有一系列的教程:Yslow使用教程

4. Compression Testing

你的服务器是否可以在云端压缩内容?很多PHP应用程序都内建有或者在服务器级可以使用,压缩内容意味着有效载荷小。HTML可以压缩90%甚至更多,比如一个20KB的HTML页面也可以压缩到只有仅仅的几个KB,浏览器可以直接在云端解压这些被压缩的内容。你可以使用这个工具来检查你的网站是否使用HTTP压缩,假如没有,那么可以配合你的服务器兄弟做一个压缩配置。

5. Cacheability

设置文档内容一个比较长的缓存时间可以减少对于服务器的巨大冲击,对一个好的缓存策略,浏览器会保存本地并且复制文档内容,假如你的服务器做了二次修改之后会再次下载所修改的缓存内容。它既可以减少服务器负载,同时还可以有利于用户体验,您可以使用这个缓存工具检查设置你的网站。

补充:Sysstat

以上这些工具都是基于用户终端来做网站的优化提升,作为服务器管理的一部分,我们经常安装 Sysstat 在我们的服务器上,Sysstat 汇集了 RAM,Disk IO和每10分钟一次的CPU指标。利用他们的值,我们经常可以发现性能改进的领域。有时一个简单的服务器配置改变就能产生不一样的结果,而有时候并不需要一位的升级强大的硬件。更多关于Sysstat的使用请猛戳这里:Sysstat 工具详细说明(一)

假如你有任何的前端优化工具,请在评论中告诉我们吧。

本文地址:http://xiaoho.com/?p=759
原创文章,转载请注明来自:◎小黑路人xiaoho.com

评论
发表评论
暂无评论
WRITTEN BY
DO1路人乙
个人博客:xiaoho.com
TA的新浪微博
PUBLISHED IN
CSS3教程

本栏目由“非CSS2”内容提供

要想找工作,要学好编程!MARK题.

———————————————————————————我是小黑 博客 微博

友情链接 大搜车前端团队博客
我的收藏