1. 程式人生 > >通過減少資源優化前端效能

通過減少資源優化前端效能

HTML 壓縮

HTML 程式碼壓縮就是壓縮在文字檔案中但是在HTML中不顯示的字元,包括空格、製表符、換行符等。

CSS壓縮

CSS壓縮包括無效程式碼刪除與CSS語義合併

JS壓縮與混亂

JS壓縮與混亂包括無效字元及註釋的刪除、程式碼語義化的縮減和優化、降低程式碼的可讀性,實現程式碼保護。

圖片壓縮

針對真實圖片的情況,捨棄一些相對無關緊要的色彩資訊。

【webp】

在安卓下可以使用webp格式的圖片,它具有更優的圖片資料壓縮演算法,能帶來更小的圖片體積,同等畫面質量下,體積比jpg、png少了25%以上,而且同時具備了無損和有損的壓縮模式、alpha透明以及動畫特性。

【開啟gzip】

HTTP協議上的GZIP編碼是一種用來改進WEB應用程式效能的技術。大流量的WEB站點常常使用GZIP壓縮技術讓使用者感受更快的速度。這一般是指WWW伺服器中安裝的一個功能,當有人來訪問這個伺服器中的網站時,伺服器中的這個功能就將網頁內容壓縮後傳輸到來訪的電腦瀏覽器中顯示出來。一般對純文字內容可壓縮到原大小的40%。