YSlow工具介绍

工具介绍在网络google下很多内容的，有些都是大同小异的，我觉得我整理的这部分还是比较好的，建议看看。

YSlow是Yahoo开发的一个用于测试分析网站优化的Firefox工具插件，使用时您必须先安装有Firefox。YSlow针对网站速度体验上的优化，将其总结为13条，分别用F到A的指标来对你的网站速度做出评价并给出数据，F代表最差，A代表最好。我们可以通过分析得到的数据对自己的网站和服务器做相应的优化。
3L$|&I
k2Ch0这只是一样评测分析，改进还是要靠自己，这里要谈的就是实实在在的如何针对每一条进行优化：

z`cd1m2]%O$Rv?01. Make fewer HTTP requests ( 减少Http请求数)
/H[)U]Rc,O0一个网页不可避免的要引入大量的外部文件：Javascript、css、背景图片……由于Http协议的无状态性，用户的每一次访问，都会重新向服务器请求所有文件，而大量Http请求的累加，正是影响网站速度的最主要原因。51Testing软件测试网;](Ou7Nt6v
所以这里的解决方法只有一个：合并。最理想的情况莫过于一个网页只包含一个css，一个js，一张背景图。
I.}@0z,b0合并Js和Css文件很好理解，背景图片要怎么合并？这里采用的主要方法是CSS Sprites，简单说就是把所有的图片拼接成一张大图，在不同的Css里指定背景图坐标来显示不同图片。具体可以参考Dave Shea的Image Slicing’s Kiss of Death一文，还有网站提供了在线的CSS Sprites服务，只需要上传小图片，就可以获得拼接后的大图以及相应坐标。51Testing软件测试网0w`oyH6N7y
m
不过在当前越来越多动辄包含10余个文件的开发框架面前，减少 Http请求数也变得越来越难。一直都认为所谓框架，给出的应该是一整套完善的开发思想，从服务器配置到数据库设计甚至是到UI体验乃至SEO，但现在很多Framework总是各自为战，后台与前端脱节，只在自己的一片领域里提供一定程度上的方便，没有考虑到最终产品的统合，甚至连基本的代码侵入性问题没有处理好（这里点名批评dojo，恨不得在所有的html标签上印上dojo的章子），不能不说是一种遗憾。
"D)Q _Ui)Td"@*_%u2r0所以如果网站中采用框架的话，在框架的选择面前，建议多采用轻量级，侵入性低的框架，也是为了日后产品的优化维护着想。

4BO3e8^oJ'jc7_3D02. Use a CDN (使用CDN，可以略过，不是能力范围)51Testing软件测试网y1Q B%j
O*^H
CDN(Content delivery network)内容分发网络，能够智能根据网络节点情况选择服务节点，大型网站部署时尤为重要。不过这属于硬件级别的解决方案，我们没有条件配置CDN的时候，可以自行设置忽略这一项评测。
X%BbY(u+d[PBl#O0在Firefox地址栏键入about:config，然后新建一个字符串，名称为extensions.firebug.yslow.cdnHostnames，值为所要评测网站的域名，多个设置用逗号分隔。例如我的设置就是artwc.com,localhost

7K0m_5C \ ? W$G'T}Jt03. Add an Expires header (为文件头指定Expires，文件缓存)
6ng{I? V#e;aEZN#p6j,o0Expires是浏览器Cache机制的一部分，浏览器的缓存取决于Header中的四个值： Cache-Control， Expires， Last-Modified， ETag。这个项目的考评主要针对Cache-Control和Expires。51Testing软件测试网K1Dqt-^i l3n DW
具体的Cache原理不是本文所涉及的，有兴趣的同学可以看看Caching Tutorial一文。为了优化这个选项，我们所要做的是对站内所有的文件有针对性的设置Cache-Control和Expires，这里基于Apache主机举例：

5c?8^!RH%}0_3y0首先开启mod_header模块，在httpd.conf中取消

•  LoadModule headers_module modules/mod_headers.so   

5Cx5g cm$X
P&D0一行的注释。然后对于图片，文件等不会经常更新的文件设置一个比较长的过期时间

•  <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">      
•  Header set Expires "Thu, 15 Apr 2010 20:00:00 GMT"     
•  <!-- < SPAN-->FilesMatch>   

z|/s{Z$lN)i0对于Cache-Control可以设置的更加细致一些，这里对图片，文件设置了7天，对XML，对html、php设置了2小时。51Testing软件测试网:?F'`i}#F3LVn

•  <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">      
•  Header set Cache-Control "max-age=604800, public"    
•  <!-- < SPAN-->FilesMatch>    
•  <FilesMatch "\.(html|htm|php)$">      
•  Header set Cache-Control "max-age=7200, must-revalidate"     
•  <!-- < SPAN-->FilesMatch>     

Expires也可以通过开启mod_expires来实现51Testing软件测试网K
wDG&V K'p aa

S6b9A;s;C6q3b/d-_051Testing软件测试网0j*b$L#m:`3`&mKp?G

4. Gzip components / 启用Gzip压缩51Testing软件测试网3Du3J+o&c
HTTP/1.1支持接收服务器端经过Gzip压缩的数据，在Apache2中，可以开启mod_deflate实现。
1xJW {G0同样去掉注释

•  LoadModule deflate_module modules/mod_deflate.so         

然后对所有文本类文件添加Gzip处理51Testing软件测试网S*f#N@\