YslowYahoo發(fā)布的一款基于FireFox的插件,主要是為了提高網(wǎng)頁(yè)性能而設(shè)計(jì)的，下面是它提倡了23條規(guī)則，還是很不錯(cuò)的，分享一下：

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

轉(zhuǎn)載于:https://www.cnblogs.com/sanqianjin/p/4778986.html

總結(jié)

以上是生活随笔為你收集整理的Yslow-23条规则的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。