了解了YSlow插件的使用,下面就为大家演示下此插件的使用案例,这里以小川博客为例分析,第一节:综合性能评估。
一、Grade网页等级视图分析:
1、打开需要分析的网站首页;
2、按以下图示在右下方找到YSlow按钮,点击打开:
打开yslow插件
3、在打开的yslow窗口中点击“RUN TEST”按钮,进行页面性能分析:
网站性能分析
注意YSlow评估包含三种类型: (V2)包含了所有22个测试的规则,YSlow (V1)包含原始13规则,小网站或博客-这个规则集包含15个规则,适用于小型网站或博客。
4、稍等片刻就会出现一个分析结果界面,雅虎曾经针对网站速度提出了非常著名34条准则:《Best Practices for Speeding Up Your Web Site》。而现在将34条精简为更加直观的23条军规,并针对每一条给出从F~A的评分以及最终的总分。分析解决正是以23条军规基础进行性能评估的,关于23条军规可以参考下篇日志:雅虎团队的23条网站性能优化军规。
网站综合评分
5、分析评估结果:
①、Grade C Overall performance score 78 Ruleset applied: Small Site or Blog URL: http://www.xuejianzhan.com/
网站评级为:C级 整合评分:78分;
②、ALL (15) FILTER BY: CONTENT (5) CSS (5) IMAGES (2) JAVASCRIPT (3) SERVER (2)
15项测试结果分别是:内容(5) CSS样式(5) 图片(2) js(3) 服务器响应(2);
③、图示中给出了具体每一项的评估结果和解决方法,其中A级为优,F最差,我们需要从最差项优化。
网站优化项目明细
F项包含:
Make fewer HTTP requests 减少HTTP请求;
Compress components with gzip 网站未开启gzip压缩;
D项包括:
Put JavaScript at bottom 无关紧要脚本放置到网站底部文件;
C项包含:
Reduce DNS Lookups 减少DNS查询;
Do not scale images in HTML 不要对图片进行缩放处理;
二、以上是通过评级项观察网页综合性能,下面通过Components查看下网页中资源占用比例:
网页组件占用空间资源明细
图中可以清晰看到网页中各项占用空间资源的明细,可以根据需求选择优化各项。
三、Statistics统计:
Statistics
网站怕分析,以前一直以为网页还不错,现在发现很多问题,一个首页竟然包含97个HTTP请求和982.6K大小,而网页开启缓存后得到了大大的降低,不过还好现在空间、浏览器一般都有缓存功能的。
既然知道了网页问题所在,下一步就直接按照项目分析和建议改进即可。

声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。