新闻中心

网站性能工具Yslow

作者 / 无忧主机 时间 2013-06-21 22:20:02

许多站长为自己的网站性能不是很满意,但是查来查去,又不知道该从什么地方入手优化,如何优化。无忧主机小编,今天就和大家分享几款网站性能优化工具,帮助大家对自己的网站进行一个优化。今天和大家介绍的是一个Yslow工具,这个是一个谷歌的插件,可以帮助我们网站代码,检查网站模版冗余代码,可以有效提高网站的打开速度。下面就和大家介绍下。 1、  Yslow的安装。 如今Yslow已经有很多版本,而且Yslow也能在不同浏览器(谷歌、火狐)上进行安装。小编用的是谷歌浏览器,安装的是3.1.2版本,给大家讲解安装方法。 打开谷歌浏览器,点击右上角的“自定义并控制chrome”,选择工具——扩展程序。   点击之后便进入了扩展程序列表。在最下方点击“获取更多扩展程序”,进入“Chrome网上应用品店”。   在网上用品商店的左上角输入“Yslow”搜索,出现搜索结果后,点击“添加至chrome”。   等待安装完成。安装完成后,在google浏览器的右上角会出现Yslow的图标。   点击之后,就可以启动Yslow工具了。   2、 Yslow的使用。 Yslow安装好了,接下来该怎么使用它呢?小编先对启动页面做一个介绍。我们可以点击Run Test运行Yslow,也可以点击Grade,Components,或Statistics选项开始对页面进行分析。在“Check here if the current page prevents itself from being embedded/iframed. A simpler post onload detection will be used instead.”前勾选,表示如果网页阻止被植入,一个简单的onload事件后检测将被用来代替。   这里表示的是规则集,Yslow(V2)表示包含了所有22个测试的规则,Yslow(V1)表示包含原始的13个规则,Small Site or Blog包含14个规则,建议根据您网站的情况对号入座。 接下来我们讲讲Grade,Components和Statistics。我们还是以hao123为例。 Grade   Yslow会给网站的性能打分,有A到F 六个等级,其中A最优秀。我们可以看到Yslow对hao123的分析中,给出了9个评分。我们以第一个B为例。Yslow认为hao123应用了4个外部JS,尝试着合并成一个;9个CSS背景图片,尝试着把它们结合。其他评分等级也是可以点击查看优化建议的,这里就不一个个展开讲了。 Components菜单:   通过Components,我们可以看出网站各个元素占用的空间大小。 例如在hao123中,JS那一栏占用的比例比较大。通过查看详细信息,发现   这一个外部JS就占用了197.1k。在不影响网页使用的情况下,可以考虑把它删除或者替换。 Statistics Statistics表示的是Yslow的统计信息试图。   左图表示的是页面元素的空缓存时的加载情况,右边表示的是页面元素使用缓存后的页面加载情况。在上图中,我们注意到红色方框里的这句话。它的意思是每访问一次网页,将有29次网页请求以及总共588.7K的流量大小。这是一个比较大的数字了。我们现在来看右图,使用缓存后,我们看到效果图片基本靠缓存,而网页大小也被压缩到仅仅26.1K。 这个选项和Components有异曲同工之秒,是信息统计视图,只是看上去更加直观。如果要对网页进行修改,主要还是参考Grade中的建议。 有了这么好的网页优化工具,各位站长是不是跃跃欲试了呢?赶快去试试把。  

本文地址:https://www.51php.com/product/11230.html

1
1
1
1
1
1
1

客户服务热线

0791-8623-3537

在线客服