[Yahoo前端優(yōu)化十四條軍規(guī)]
· 壓縮源碼與圖片
JavaScript文件源文件可以采用混淆壓縮方式，css文件源文件代碼進行普通壓縮，JPG圖片可以根據(jù)具體質(zhì)量來壓縮為50%到70%，PNG可以使用一些開源軟件來壓縮，比如24色變成8色、去掉一些PNG格式信息等。
· 選擇合適的圖片格式
如果圖片顏色數(shù)較多的就使用JPG格式，如果圖片顏色數(shù)較少就使用PNG格式，如果能夠通過服務(wù)器端判斷瀏覽器支持的WebP，那么就使用WebP格式或者SVG格式。
· 合并靜態(tài)資源
包括css、JavaScript和小圖片，減少http請求
· 開啟服務(wù)器端Gzip壓縮
者對文本資源非常有效，對圖片壓縮則沒有那么大的壓縮比率。
· 使用CDN
或者一些公開庫使用第三方提供的靜態(tài)資源地址（比如：JQuery、normalize、css）一方面增加并發(fā)下載量，另一方面能夠和其他網(wǎng)站共享緩存。
· 延長靜態(tài)資源緩存時間
這樣，頻繁訪問網(wǎng)站的訪客就能夠更快的訪問。不過這里要通過修改文件名方式。確保在資源更新的時候，用戶回來拉取到最新的內(nèi)容。
· 把css放在頁面的頭部，把javascript放在頁面底部
這樣就不會阻塞頁面渲染，讓頁面出現(xiàn)長時間的空白。
有關(guān)于Web性能優(yōu)化這個詞既可以解讀成頁面加載速度（Page Speed）的優(yōu)化，也可以解讀為頁面渲染性能（Page Performance）的優(yōu)化。
