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
