web項目性能優化

1、瀏覽器端，關於瀏覽器端優化，分不少個方面
一、壓縮源碼和圖片
JavaScript文件源代碼能夠採用混淆壓縮的方式，CSS文件源代碼進行普通壓縮，JPG圖片能夠根據具體質量來壓縮爲50%到70%，PNG可使用一些開源壓縮軟件來壓縮，好比24色變成8色、去掉一些PNG格式信息等。

二、選擇合適的圖片格式
若是圖片顏色數較多就使用JPG格式，若是圖片顏色數較少就使用PNG格式，若是可以經過服務器端判斷瀏覽器支持WebP，那麼就使用WebP格式和SVG格式。

三、合併靜態資源
包括CSS、JavaScript和小圖片，減小HTTP請求。有很大一部分用戶訪問會由於這一條而取得最大受益

四、開啓服務器端的Gzip壓縮
這對文本資源很是有效，對圖片資源則沒那麼大的壓縮比率。

五、使用CDN
或者一些公開庫使用第三方提供的靜態資源地址（好比jQuery、normalize.css）。一方面增長併發下載量，另外一方面可以和其餘網站共享緩存。

六、延長靜態資源緩存時間
這樣，頻繁訪問網站的訪客就可以更快地訪問。不過，這裏要經過修改文件名的方式，確保在資源更新的時候，用戶會拉取到最新的內容。

七、把CSS放在頁面頭部，把JavaScript放在頁面底部
這樣就不會阻塞頁面渲染，讓頁面出現長時間的空白。