web項目性能優化(整理)


1、壓縮源碼和圖片
JavaScript文件源代碼可以采用混淆壓縮的方式,CSS文件源代碼進行普通壓縮,JPG圖片可以根據具體質量來壓縮為50%到70%,PNG可以使用一些開源壓縮軟件來壓縮,比如24色變成8色、去掉一些PNG格式信息等。

2、選擇合適的圖片格式
如果圖片顏色數較多就使用JPG格式,如果圖片顏色數較少就使用PNG格式,如果能夠通過服務器端判斷瀏覽器支持WebP,那么就使用WebP格式和SVG格式。

3、合並靜態資源
包括CSS、JavaScript和小圖片,減少HTTP請求。有很大一部分用戶訪問會因為這一條而取得最大受益

4、開啟服務器端的Gzip壓縮
這對文本資源非常有效,對圖片資源則沒那么大的壓縮比率。

5、使用CDN
或者一些公開庫使用第三方提供的靜態資源地址(比如jQuery、normalize.css)。一方面增加並發下載量,另一方面能夠和其他網站共享緩存。

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

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

 

來者若有新的優化技能,請別吝嗇,留下你寶貴的見解。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM