码迷,mamicode.com
首页 > 其他好文 > 详细

YSlow的安装与说明文档

时间:2015-03-09 23:46:52      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:

yslow官网 http://yslow.org/

很明显起这个名字是说why slow 为什么这么慢,理所当然是为当前网页进行检测

借百度的

什么是YSlow?
YSlow是yahoo发布的一款基于FireFox的插件。
如何安装YSlow?
安装YSlow必须首先先安装 Firebug,然后下载YSlow,再对其安装。
YSlow有什么用?
YSlow可以对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化。
YSlow可以分析任何网站,并为每一个规则产生一个整体报告,如果页面可以进行优化,则YSlow会列出具体的修改意见。
 
相信大家都会用上面说的去装啦,是的,我也是!!!!我的firefox 36.0.1, firebug2.0.8, YSlow3.18 然后呢~~~ 虽然firebug有YSlow,但是就是点击没有反应,急死了。。。。
然后我设置加载页面的时候自动启用YSlow分析网页,是可以的!!!然后我就开始找解决办法啦。
这可花了我好久的时间啊(吐槽一下,或许还是智商太低),几种方法, 1 重装,就是版本不兼容,额,重装了firebug1,不行,放弃,要不遍历得多少次 2 初始化信息 Firefox.exe -p 实质还是重新装啦 但是还是不可以啦 3浏览器其他的插件影响了YSlow,已试,没用。 我猜测肯定是版本不兼容问题,希望有人解决的麻烦告知一下,谢谢啦
 
然后就找到一个简单的办法 详见http://www.speedawarenessmonth.com/getting-started-with-yslow/
其实官网也说了, 就是不明白,英语不是很好,这个有图
其实就是加一个书签,用的时候打开,YSlow是基于js编写的,因此这个书签也是一系列的js文件组成的
打开http://yslow.org/mobile#sthash.sllsSZXs.dpuf,看到大大的YSLow标签,拖到书签栏,添加了,然后每次访问某个网页,打开这个书签就行了(但是官网上说了这个方法不适用所有浏览器)
技术分享
 
接下来我们来看一下YSLow的数据分析啦
我打开了百度新闻,来看一下
技术分享
 
在YSlow分析后所有的控件元素(html 脚本, 图片等),给出如上图的结果分析
#1 总体分
分值由数字和字母表示,数字是从0~100, 90-100是A, 80-90 是B,依次下去,如果不是A则说明还需要改进啦。我们看一下百度新闻是73,还有改进的空间啦
 
#2 个体分
针对每一个元素进行评估 Anything that’s not an A is an opportunity!
 
#3 显示一些没有被评估的元素,如7个外部的js文件,和14个外部加载的背景图片,要在一起才能评估
 
#4 more information
 
这些检测是从一些好的规则去评判的,上面有三种规则去选择,就这么多啦 更深入的希望大家去自学啦。
 

YSlow的安装与说明文档

标签:

原文地址:http://www.cnblogs.com/hhjiang14/p/4324667.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!