起步于系统工程师，迈进入测试工程师，从起初的C/S系统到互联网时代的B/S系统，从事过电信增值业务、软交换、烟草OA、公安技侦和电子商务等行业的软件测试开发和管理多年，愿与大家共同分享共同交流，关注软件项目管理、测试团队管理、软件流程控制和软件性能测试及自动化测试技术。互联网时代，技术推动进步，欢迎人才推荐：jonas.wangl@alibaba-inc.com
YSlow的强大动能实例演示
上一篇 /
下一篇 2009-11-19 14:05:44
/ 个人分类：性能调优
| 51Testing软件测试网9_/TK6dB K)w#K 前面我们简单介绍了YSlow测试前端性能工具，现在把该工具集成到Firefox中来综合运用，结合Firefox强大的插件功能，我们通过测试实践发现本工具有非常强大的作用，通过访问web页面，并运行YSlow插件就能一目了然看到页面请求发送到页面完全显示所利用的时间和过程访问的server及过程脚本实现逻辑。下面举例说明 8zik j(]a0 |O
h4_n3q0 YSlow主要有四部分显示分别是 Grade，Components，Statistics和Tools（下面以访问http://china.alibaba.com为例子说明） &G4b4}@ Z2~nn051Testing软件测试网7ht4V)y `!A0eC1.Grade -D cU]Y0*Um*C'~\w"~+H0 51Testing软件测试网/n)Xro1su x 51Testing软件测试网q&O
mb Nv R-d2\\`（1）content检查：一共有6个，有HTTP请求，DNS、URL、AJAX缓存、DOM、还有对HTTP404检查 aY P[i051Testing软件测试网2c1I7z x mx Du（2）Cookie检查 k6_.l1A| x051Testing软件测试网gje wG u;q9vc;]（3）CSS检查：主要检查页面前端css交互，js51Testing软件测试网j4B{c.w r A9Z;U l(x&d0（4）images：图片检查 d3js7lR$K&o p0M'^!Sn d1TI m0（5）JavaScript检查：如found 4 处js请求 J My
A"J!V;I0 d xG\Y Z0There are 4 Javacript scripts found in the head of the document
tVHx;G YCR0 c[8Q h@}051Testing软件测试网0BDU x,q2H-z(s5b（6）SERVER：请求服务器检查，含图片server，应用server，css/js服务器
h|[+QO$M V V%owj01v!Go2_+o O/Na02.Components51Testing软件测试网1XI/@ pOLl5A Y/FqCYX[0来分析请求访问主要包含什么内容，有哪些组成部分，见截图 aU&c#Q$l,w&C ~4K0h.pW!|~U5sd0 51Testing软件测试网#p^ ` [u}!F V 51Testing软件测试网%R iM YJ#V#W [通过这个图我们不难看出请求后的文件大小和请求花的时间，我们以css和flash两项为例子说明
l1~ {IkBW051Testing软件测试网 G$JH~d\D-t
Vc（1）css 大小是38.1K，对应url也给出，它的response time是121ms51Testing软件测试网
W}'KTFS
U}F W;V&~I#o ja ]&?0（2）flash 大小25.4k，它的response time是279ms51Testing软件测试网4U!w1d ]ihW 51Testing软件测试网{ k7Yg)D dJ9D通过对比我们就能发现那些消耗的时间比较多，显示flash消耗时间较css长，并且我们可以通过HEADS查看详细过程信息，我们来看一下flash的HEADS信息51Testing软件测试网#M%VBy2m6M `ap |H+G#Q6b9g4} WC0 |
| |
| |
| |
| |
| |
| |
| |
| |
51Testing软件测试网3c:I`"Ln
|}/V | 51Testing软件测试网6_fS
qc6f 51Testing软件测试网 p|"xr+C }P P |
| L.vh wI5g`4yNu0 51Testing软件测试网 D)o]UI6c2iF |
 | 51Testing软件测试网D R s}%c? A i %oRE:_'FEhx0 |
| 51Testing软件测试网,Kq c5OR Gi
G 51Testing软件测试网 JZ2uz[ |
| 51Testing软件测试网#R)f XyB1\ VF
f :cpKkb0 |
| |
| |
| 51Testing软件测试网*s6^lW hg"yE x!?1x6x:Bc7w6O[051Testing软件测试网.KKE1hH2]F$c 51Testing软件测试网AVhC l"W |
| 51Testing软件测试网;eE.X9_7OW%j'`1J"Q0D$J 通过HEADERS信息查看是不是很详细呢。51Testing软件测试网K
h1pe9?!Z
N/qP0s xB&e ~ PU QeH D051Testing软件测试网;^F7U(p!kQ#I'{ 51Testing软件测试网8F^c ?l H1q3.Statistics51Testing软件测试网2k%r;a$w ` G Bj !d^}|$ou0我们再来看工具的统计功能，其实我最喜欢也就是它的统计，2个饼图很形象（见下如） SF;l bA[O"N/_07{|K;{ P @0 'l0? Z;P-}M
ywy ?0&J(] n@ t7X},TU ^0是不是很清晰呢51Testing软件测试网b$i
B%M@-c:E$\'q
B 51Testing软件测试网.F On/E
S4g YSlow针对网站速度体验上的优化，将其总结为很多条，分别用F到A的指标来对你的网站速度做出评价并给出数据，F代表最差，A代表最好。 !tV2?3w#Rn"d]0"{
|F,l2V e's"bd0我们可以通过分析得到的数据对自己的网站和服务器做相应的优化。51Testing软件测试网3W$TG~ O,{8w 51Testing软件测试网@/ED \!dZN'f;U ;MI;{!P e0V7\ E0 |
25480 | Z'}V2g,t&N*Z0
lJ ?i&yu051Testing软件测试网'\a_+rT1j}Am?5CK@7Eg,l0
收藏
举报
TAG:
