1、yslow介绍
概述:YSlow是Yahoo发布的一款插件,可安装在Firefox或Chrome上,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。
2、安装方法
上文提过,可以安装在Firefox或Chrome上,以Chrome举例,在浏览器输入https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh,因为这个是谷歌应用商店里面的东西,所以,需要翻墙~~~
打开界面如下所示,然后点击添加至Chrome,这样这款工具就已经安装在你浏览器里面啦~~
3、打开方式
打开右上角图标,如下图所示
4、实战yslow-------重点来啦!!!
以百度举例:
第一步:Chrome浏览器输入https://www.baidu.com/
第二步:点击yslow小图标,出现如下所示:
第三步:点击Run Test,出现以下截图。有四个地方被我圈了起来,这四点非常重要!!!
第一处:Grade A 意思就是评分是A,也就是最高,B是次高,依次类推,越往后评分越低
第二处:score 92和第一处类似,可以说大于90分就非常优秀了。
第三处:23,23就是所说的Yslow-23条规则。也可以说是雅虎23条。参见https://baike.baidu.com/item/YSLOW/10384699?fr=aladdin
第四处:就是根据content、cookie、css、images、JavaScript、server六项进行评分
content、cookie、css、images、JavaScript、server这六项这里就不一一讲解了。选择一处来讲一下,讲一个也就等于讲6个~~
我们以server举例,我们打开server,看到有两处评分较低,有一个评分只有F!!!!说明这项有待优化,我们点开看一下,可以看到yslow给我们的一些建议。说有12个静态组件没有放在cdn上面。那么什么是cdn呢?简单来说就是一个加速器。如果网页上的静态资源放在cdn上面,那么打开网页的速度会变快。更多cdn内容,请自己去找相关资料。
还有一个评分是C,我们点开看一下。说我们有两个地方没有添加Expires标题。那么Expires标题有什么作用呢?通过使用Expires标头,这些组件变得可缓存,这避免了后续页面浏览中不必要的HTTP请求。过期标题通常与图像相关联,但它们可以并且应该用于所有页面组件,包括脚本,样式表和Flash。
到这里基本就讲完了。yslow我感觉特别好用,但是有局限性,做压测什么的就不好做了,所以,我觉得yslow这种小型工具,用于测试公司官网的话,是最好不过了,最后的最后,如果你英语不好,可以用谷歌翻译,贼好用。当然有的还是要自己去翻译,虽说有谷歌翻译,但是还是要养成看英语的习惯~~