如何優(yōu)化前端性能（二）：減小資源大小

壓縮：

1、HTML壓縮

HTML代碼壓縮就是壓縮在文本文件中有意義，但是在HTML中不顯示的字符，包括空格，制表符，換行符等

2、CSS壓縮

CSS壓縮包括無效代碼刪除與CSS語義合并

3、JS壓縮與混亂

JS壓縮與混亂包括無效字符及注釋的刪除、代碼語義的縮減和優(yōu)化、降低代碼可讀性，實現(xiàn)代碼保護(hù)

4、圖片壓縮

針對真實圖片情況，舍棄一些相對無關(guān)緊要的色彩信息

webp：

在安卓下可以使用webp格式的圖片，它具有更優(yōu)的圖像數(shù)據(jù)壓縮算法，能帶來更小的圖片體積，同等畫面質(zhì)量下，體積比jpg、png少了25%以上，而且同時具備了無損和有損的壓縮模式、Alpha 透明以及動畫的特性

開啟gzip：

HTTP協(xié)議上的GZIP編碼是一種用來改進(jìn)WEB應(yīng)用程序性能的技術(shù)。大流量的WEB站點(diǎn)常常使用GZIP壓縮技術(shù)來讓用戶感受更快的速度。這一般是指WWW服務(wù)器中安裝的一個功能，當(dāng)有人來訪問這個服務(wù)器中的網(wǎng)站時，服務(wù)器中的這個功能就將網(wǎng)頁內(nèi)容壓縮后傳輸?shù)絹碓L的電腦瀏覽器中顯示出來。一般對純文本內(nèi)容可壓縮到原大小的40%