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