http://baike.baidu.com/link?url=HnokRBAlkoYGQmptTVSPzJ_EICp9iO6fi5RwFg3ZinCZHprrRmTP_OorLvQDKPelqUSL97vDc42OeTh3ECsTMa
什么是YSlow?
YSlow
[1] 是Yahoo發(fā)布的一款基于FireFox的插件。
如何安裝YSlow?
安裝YSlow必須首先先安裝 Firebug,然后下載YSlow,再對其安裝。
YSlow有什么用?
YSlow可以對網(wǎng)站的頁面進(jìn)行分析,并告訴你為了提高網(wǎng)站性能,如何基于某些規(guī)則而進(jìn)行優(yōu)化。
YSlow可以分析任何網(wǎng)站,并為每一個規(guī)則產(chǎn)生一個整體報告,如果頁面可以進(jìn)行優(yōu)化,則YSlow會列出具體的修改意見。
2Yslow-23條規(guī)則編輯
合并圖片、CSS、JS,改進(jìn)首次訪問用戶等待時間。
2. 使用CDN
就近緩存==>智能路由==>負(fù)載均衡==>WSA全站動態(tài)加速
3. 避免空的src和href
當(dāng)link標(biāo)簽的href屬性為空、script標(biāo)簽的src屬性為空的時候,瀏覽器渲染的時候會把當(dāng)前頁面的URL作為它們的屬性值,從而把頁面的內(nèi)容加載進(jìn)來作為它們的值。測試
4. 為文件頭指定Expires
使內(nèi)容具有緩存性。避免了接下來的頁面訪問中不必要的HTTP請求。
5. 使用gzip壓縮內(nèi)容
壓縮任何一個文本類型的響應(yīng),包括XML和JSON,都是值得的。舊文章
6. 把CSS放到頂部
7. 把JS放到底部
防止js加載對之后資源造成阻塞。
8. 避免使用CSS表達(dá)式
9. 將CSS和JS放到外部文件中
目的是緩存,但有時候為了減少請求,也會直接寫到頁面里,需根據(jù)PV和IP的比例權(quán)衡。
10. 權(quán)衡DNS查找次數(shù)
減少主機(jī)名可以節(jié)省響應(yīng)時間。但同時,需要注意,減少主機(jī)會減少頁面中并行下載的數(shù)量。
IE瀏覽器在同一時刻只能從同一域名下載兩個文件。當(dāng)在一個頁面顯示多張圖片時,IE 用戶的圖片下載速度就會受到影響。所以新浪會搞N個二級域名來放圖片。
11. 精簡CSS和JS
12. 避免跳轉(zhuǎn)
同域:注意避免反斜杠 “/” 的跳轉(zhuǎn);
跨域:使用Alias或者mod_rewirte建立CNAME(保存域名與域名之間關(guān)系的DNS記錄)
13. 刪除重復(fù)的JS和CSS
重復(fù)調(diào)用腳本,除了增加額外的HTTP請求外,多次運(yùn)算也會浪費(fèi)時間。在IE和Firefox中不管腳本是否可緩存,它們都存在重復(fù)運(yùn)算JavaScript的問題。
14. 配置ETags
它用來判斷瀏覽器緩存里的元素是否和原來服務(wù)器上的一致。比last-modified date更具有彈性,例如某個文件在1秒內(nèi)修改了10次,Etag可以綜合Inode(文件的索引節(jié)點(inode)數(shù)),MTime(修改時間)和Size來精準(zhǔn)的進(jìn)行判斷,避開UNIX記錄MTime只能精確到秒的問題。 服務(wù)器集群使用,可取后兩個參數(shù)。使用ETags減少Web應(yīng)用帶寬和負(fù)載
15. 可緩存的AJAX
“異步”并不意味著“即時”:Ajax并不能保證用戶不會在等待異步的JavaScript和XML響應(yīng)上花費(fèi)時間。
16. 使用GET來完成AJAX請求
當(dāng)使用XMLHttpRequest時,瀏覽器中的POST方法是一個“兩步走”的過程:首先發(fā)送文件頭,然后才發(fā)送數(shù)據(jù)。因此使用GET獲取數(shù)據(jù)時更加有意義。
17. 減少DOM元素數(shù)量
是否存在一個是更貼切的標(biāo)簽可以使用?人生不僅僅是DIV+CSS
18. 避免404
有些站點把404錯誤響應(yīng)頁面改為“你是不是要找***”,這雖然改進(jìn)了用戶體驗但是同樣也會浪費(fèi)服務(wù)器資源(如數(shù)據(jù)庫等)。最糟糕的情況是指向外部 JavaScript的鏈接出現(xiàn)問題并返回404代碼。首先,這種加載會破壞并行加載;其次瀏覽器會把試圖在返回的404響應(yīng)內(nèi)容中找到可能有用的部分當(dāng)作JavaScript代碼來執(zhí)行。
19. 減少Cookie的大小
20. 使用無cookie的域
比如圖片 CSS 等,Yahoo! 的靜態(tài)文件都在主域名以外,客戶端請求靜態(tài)文件的時候,減少了 Cookie 的反復(fù)傳輸對主域名的影響。
21. 不要使用濾鏡
png24的在IE6半透明那種東西,別亂使,淡定的切成PNG8+jpg
22. 不要在HTML中縮放圖片
23. 縮小favicon.ico并緩存