Yahoo给出的包括Yslow规则（22条）的34条 详细阐明 ，经过这此规则对自己页面进行一次全面的分析优化，能够进步你网站的加载速度。
1.Minimize HTTP Requests 削减HTTP恳求
图片、CSS、script、flash等等这些都会增加http恳求数，削减这些元素的数量就能削减呼应时刻。把多个JS、CSS在可能的情况下写进一个文件，页面里直接写入图片也是不好的做法，应该写进CSS里，运用 CSS sprites 将小图拼合后运用background来定位。
2.Use a Content Delivery Network 运用CDN技能
CDN 确实是好东西，8过服务器供给商的这项服务一般是要收费的，我以前买的国内空间是有这个的可是我当时底子不知道啥用，现在没了。。。
3.Add an Expires or a Cache-Control Header 设置头文件过期或许静态缓存
阅读器会用缓存来削减http恳求数来加速页面加载的时刻，假如页面头部加一个很长的过期时刻，阅读器就会一直缓存页面里的元素。不过这样假如页面里的东西变动的话就要改名字了，不然用户端不会自动刷新，看自己衡量了~ 这项能够经过修改.htaccess文件来完成。
4.Gzip Components Gzip紧缩
Gzip格局是一种很遍及的紧缩技能，简直一切的阅读器都有解压Gzip格局的才能，并且它能够紧缩的比例非常大，一般紧缩率为85%。紧缩没紧缩，能够到 这里 做下测试。
5.Put Stylesheets at the Top 把CSS放顶部
让阅读者能尽早的看到网站的完好款式。
6.Put Scripts at the Bottom 把JS放底部
网站呈现完毕后再进行功用设置，当然这些JS要在你的加载过程中不影响内容表现。
7.Avoid CSS Expressions 避免CSS Expressions
CSS表达式很可怕，这个只被IE支撑的东西履行时分的运算量非常大，你移动一下鼠标它都要进行重核算的，但有时分为了做阅读器的兼容有必要要用到这个||| IE6去死去死！~
8.Make JavaScript and CSS External 将JS和CSS外链
前面讲到了缓存这个事情，一些较为公用的JS和CSS，咱们能够运用外链的形式，比如我就是从Google外链来的Jquery文件，假如我的阅读者在阅读其他运用了这个外链文件的网站时已经下载并缓存了这个文件，那么他在阅读我的网站的时分就不需求再进行下载了！~
9.Reduce DNS Lookups 削减DNS查找
貌似是要削减网站从外部调用资源，我的Google分析和picasa的外链图片都算在里面了。
10.Minify JavaScript and CSS 减小JS和CSS的体积
写JS和CSS都是有技巧的，用最少的代码完成同样的功用，削减空白，增强逻辑性，用缩写办法等等，当然也有不少东西也能够帮你完成这一点。
11. Avoid Redirects 避免重定向
再写入链接时，尽管“http://www. ***. com”和“http://www. ***. com/” 仅有一个最后的“/”只差，可是结果是不同的，服务器需求花时刻把前者重定向为后者然后进行跳转，这个要自己留意，也能够在Apache里用Alias 或许mod_rewrite或许DirectorySlash处理。
12. Remove Duplicate Scripts 删去重复脚本
重复调用的代码阅读器并不会识别忽略，而是会再次运算一遍，这当然是大大的糟蹋。
13. Configure ETags 配置ETags
搞不清楚咋回事，总之我是在. htaccess里把它删去了。
14. Make Ajax Cacheable 缓存Ajax
Ajax是实时呼应的，在阅读器接收到新的数据前，旧的数据被缓存，这样能够更好的进步功率。
15. Flush the Buffer Early 尽早的开释缓冲
当用户进行页面恳求时，服务器端需求花费200到500毫秒时刻来拼合HTML，将写在head与body之间，开释缓冲，这样能够将文件头先发送出去，然后再发送文件内容，进步功率。
16. Use GET for AJAX Requests 用GET办法进行AJAX恳求
Get 办法和服务器只要一次交互（发送数据），而 Post 要两次（发送头部再发送数据）。
17. Post-load Components 推迟加载组件
最先加载有必要的组件进行页面初始化，然后再加载其他，YUI Image Loader 是很好的例子。
18. Preload components 预加载组件
提前加载今后可能用到的东西，和推迟加载并不冲突，它的意图是为后续恳求供给更快的呼应，参见Google主页上的CSS sprites应用。
19. Reduce the Number of DOM Elements 削减DOM元素数量
杂乱的页面结构意味着更长的下载及呼应时刻，更合理更高效的运用标签来架构页面，是好的前端的必备条件。
20. Split Components Across Domains 跨域分离组件
页面组件多个来源能够增大你的平行下载量，但留意不要过多，超过2-4个域名会引起上面说到的DNS查找糟蹋。
21. Minimize the Number of iframes 削减iframe数量
需求更有用的运用 ifames。
iframe 长处：有利于下载缓慢的广告等第三方内容，安全沙箱，并行下载脚本
iframe 缺点：即使为空也会有较大资源耗费，会阻止页面的onload，非语义
22. No 404s 不要呈现404页面
站点自身里（非查找结果）呈现404页面，无意义的404页面会影响用户体会并且会耗费服务器资源。
23. Reduce Cookie Size 减小Cookie
Cookie在服务器及阅读器之间的经过文件头进行交换，尽可能减小Cookie体积，设置合理的过期时刻，能够很好的进步功率。
24. Use Cookie-free Domains for Components 对组件运用无Cookie的域名
对静态组件的Cookie读取是一种糟蹋，运用另一个无Cookie的域名来寄存你的静态组件式一个好办法，或许也能够在Cookie中只寄存带www的域名。
25. Minimize DOM Access 削减DOM的拜访次数
JS拜访DOM是很慢的，尽量不要用JS来设置页面布局。
26. Develop Smart Event Handlers 开发灵敏的事情处理句柄
DOM树上过多的元素被加入事情句柄的话，反响功率肯定会低，YUI事情东西有一个 onAvailable 办法能够协助你灵敏的设置DOM事情句柄
27. Choose < link >over @import 运用< link >而非 @import
在IE中运用@import就和在页面底部用< link >一样，咱们前面说要把< link >放顶部的。
28. Avoid Filters 避免过滤器的运用
假如需求Alpha通明，不要运用AlphaImageLoader，它功率低下并且只对IE6及以下的版别适用，用PNG8图片。假如你非要运用，加上_filter避免影响IE7+用户。
29. Optimize Images 优化图片
将你的GIF转为PNG8会是个减小体积的好办法，另外有很多办法处理你的JPG及PNG图片以达到优化作用。
30. Optimize CSS Sprites 优化CSS Sprites
在CSS Sprites中竖直并尽量紧凑的摆放图片，尽量将色彩类似的图片排在一起，会减小图片自身的大小及进步页面图片显现速度。
31. Don’t Scale Images in HTML 不要在HTML中缩放图片
图片要用多大的就用多大的，1000X1000的图片被width=”100″ height=”100″今后，自身的KB数是不会削减的。
32. Make favicon. ico Small and Cacheable 缩小favicon. ico的大小并缓存它
站点的阅读器ICO应该不是经常换吧，那就长时刻的缓存它，并且最好控制在1K以下。
33. Keep Components under 25K 保证组件在25K以下
iPhone不能缓存25K以上的组件，并且这仍是要在被紧缩前。
34. Pack Components into a Multipart Document 将组件打包进一个多部分的文档中
就好像在邮件中加入附件一样，一个HTTP恳求就够了，可是这一技能需求保证你的代理支撑，iPhone就不支撑 |
咨询服务热线：400-099-8848
