代码改变世界

Yslow压力测试

2017-10-24 10:35  软件测试汪  阅读(1835)  评论(6编辑  收藏  举报

1、yslow介绍

  概述:YSlow是Yahoo发布的一款插件,可安装在Firefox或Chrome上,这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。

 

2、安装方法

  上文提过,可以安装在Firefox或Chrome上,以Chrome举例,在浏览器输入https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh,因为这个是谷歌应用商店里面的东西,所以,需要FQ~~~

  打开界面如下所示,然后点击添加至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这种小型工具,用于测试公司官网的话,是最好不过了,最后的最后,如果你英语不好,可以用谷歌翻译,贼好用。当然有的还是要自己去翻译,虽说有谷歌翻译,但是还是要养成看英语的习惯~~