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放在頁面底部
這樣就不會阻塞頁面渲染,讓頁面出現長時間的空白。
來者若有新的優化技能,請別吝嗇,留下你寶貴的見解。