YSlow, 用于检查页面的工具
我们知道YSlow是方便大家优化网页从而产生的工具,研究清楚其评分标准,掌握其原理就能将网页性能最大化。 YSlow规则中一共有13条,其中比较重要的有11条,先简单说说各自的大概解释:
1、Make fewer HTTP requests 更少的http请求,也就是说页面中尽量少的引用外部静态资源,js、css以及图片
2、Use a CDN 使用CDN网络,将页面中的静态资源分布到离用户最近的网络节点上
3、Add an Expires header 为静态资源文件增加过期时间,让用户通过本地缓存来更快的访问网站
4、Gzip components 压缩静态资源内容,减少网络传输时间
5、Put CSS at the top 将CSS放在页面头部,能够更快渲染页面
6、Put JS at the bottom 将JS放在页面底部,一般情况下JS的下载是阻塞模式的,放在页面顶部会阻塞其他资源的下载
7、Avoid CSS expressions 不要使用CSS表达式,因为CSS表达式需要很多资源,有时甚至会造成页面假死
8、Make JS and CSS external 将CSS和JS使用外部的独立文件,这点有点和1冲突,但是仔细分析下,并不矛盾
9、Reduce DNS lookups 减少DNS查找(这点我后面详细解释下)
10、Minify JS 最小化压缩JS,和第4点不同,使用YUI Compressor或者JSMin将JS文件进行分析,将一些变量名变短,去除不必要的空格和符号
11、Avoid redirects 避免无意义的跳转
12、Remove duplicate scripts 去除重复的脚本,不光是文件,甚至是同功能的函数
13、Configure ETags 配置实体标签
1、Make fewer HTTP requests 更少的http请求,也就是说页面中尽量少的引用外部静态资源,js、css以及图片
2、Use a CDN 使用CDN网络,将页面中的静态资源分布到离用户最近的网络节点上
3、Add an Expires header 为静态资源文件增加过期时间,让用户通过本地缓存来更快的访问网站
4、Gzip components 压缩静态资源内容,减少网络传输时间
5、Put CSS at the top 将CSS放在页面头部,能够更快渲染页面
6、Put JS at the bottom 将JS放在页面底部,一般情况下JS的下载是阻塞模式的,放在页面顶部会阻塞其他资源的下载
7、Avoid CSS expressions 不要使用CSS表达式,因为CSS表达式需要很多资源,有时甚至会造成页面假死
8、Make JS and CSS external 将CSS和JS使用外部的独立文件,这点有点和1冲突,但是仔细分析下,并不矛盾
9、Reduce DNS lookups 减少DNS查找(这点我后面详细解释下)
10、Minify JS 最小化压缩JS,和第4点不同,使用YUI Compressor或者JSMin将JS文件进行分析,将一些变量名变短,去除不必要的空格和符号
11、Avoid redirects 避免无意义的跳转
12、Remove duplicate scripts 去除重复的脚本,不光是文件,甚至是同功能的函数
13、Configure ETags 配置实体标签