通過幾天的努力，終于把Google Pagespeed和Yahoo YSlow的大部分網(wǎng)站提速建議翻譯過來并整理完畢了，入口地址：http://pagespeed.webkaka.com/docs/
文檔的幾乎所有的優(yōu)化建議，都包含有詳細(xì)的實(shí)例、操作和相關(guān)教程，使大家優(yōu)化起來更得心應(yīng)手。這是一份對(duì)所有網(wǎng)站建設(shè)人員來說都值得認(rèn)真閱讀和收藏的文檔。
使瀏覽網(wǎng)頁(yè)更快捷
網(wǎng)站優(yōu)化的幾個(gè)部分
網(wǎng)站優(yōu)化包括很多東西，我們應(yīng)該從哪里入手？
其實(shí)細(xì)致分析起來，也并不是無(wú)從下手。Google在PageSpeed優(yōu)化建議里分別從HTML、CSS、JavaScript、Image、服務(wù)器等多個(gè)地方進(jìn)行了一一優(yōu)化，并且這些地方都是我們可以做到的，很多都是細(xì)節(jié)忽視問題，而不是技術(shù)難度問題。
例如，HTML優(yōu)化中包括壓縮代碼、避免Meta設(shè)置字符集、HTML內(nèi)嵌小資源等，CSS優(yōu)化包括有簡(jiǎn)化CSS、合并CSS、避免CSS表達(dá)式等，JavaScript優(yōu)化包括簡(jiǎn)化JavaScript、合并JavaScript、延遲解析JavaScript等，Imge優(yōu)化包括優(yōu)化圖片、合并圖片等，服務(wù)器優(yōu)化有啟用GZip優(yōu)化等。
網(wǎng)站優(yōu)化的幾大部分
我們?cè)诰W(wǎng)站建設(shè)過程中由于時(shí)間問題可能沒有過多關(guān)注優(yōu)化的問題，這可能會(huì)給日后的網(wǎng)站性能帶來一定程度的影響。
網(wǎng)站優(yōu)化的幾個(gè)方面
Google的PageSpeed優(yōu)化建議，主要包括如下幾大方面。
- 減少屏蔽資源
（低）內(nèi)嵌小型 CSS，（低）優(yōu)化樣式表和腳本的排列順序
- 最大限度降低有效負(fù)荷
（高）將圖片組合為 CSS 貼圖定位，（中）優(yōu)化圖片，（低）啟用壓縮，（低）提供壓縮后的圖片，（低）壓縮 JavaScript，（低）壓縮 HTML，（低）壓縮 CSS
- 最大限度減少網(wǎng)頁(yè)加載延遲
（低）避免在 CSS 中使用 @import，（低）指定圖片大小，（低）指定字符集
- 其他
（高）使用瀏覽器緩存，（低）啟用 Keep-Alive，（低）暫緩 JavaScript 解析，（低）將查詢字符串從靜態(tài)資源中刪除，（低）請(qǐng)指定一個(gè)“Vary: Accept-Encoding”標(biāo)頭
我們的目標(biāo)是——使瀏覽網(wǎng)頁(yè)更快捷。
文檔入口地址：http://pagespeed.webkaka.com/docs/
