頁面加載性能之文本內容

文本內容主要包含：HTML，CSS，JavaScript。

在web頁面裏，每一個字符都是要從服務器獲取的，本文檔主要講述如何提高文本內容的加載速度。

分離開發和線上環境

若是你爲了減少資源大小採起了一些措施，而影響到可讀性，必定要記住當你直接修改線上代碼的時候，以後可能沒法理解當初爲何這麼改。

因此常常性，咱們會把開發和線上兩個環境分離，開發環境是可讀性良好的代碼，線上則是採起了優化措施以後的可讀性差的代碼。

縮小代碼體積

一個簡單有效的方法就是移出多餘的空格和沒必要要的字符，雖然咱們讀起來會吃力，但瀏覽器能看懂就行。

HTML，CSS，JavaScript均可以應用這種方式。

常見的工具

• Minifier: 在線壓縮JavaScript和CSS，經過複製和黏貼的方式
• HTML Minifier: 同上
• Node module for Grunt
• Node module for Gulp
• Node module for HTML Minifier

壓縮文本資源

經常使用的是gzip的壓縮，瀏覽器普遍支持，能夠節省近70%的體積。

即便是已經壓縮過的文件，gzip也可以進一步壓縮。常見的作法是，先用工具壓縮代碼，再由服務器提供gzip壓縮。

減小沒必要要的庫依賴

爲了使用某個功能，而引入一整個庫，例如：想使用jQuery的toggleClass，能夠直接引入單個方法，而沒必要要引入整個jQuery

總結

雖然一些大致積的資源，如圖片，字體等是咱們最關心的優化項，但也不能忽略了文本內容，畢竟文本內容纔是網頁的主體。

參考

https://developers.google.com...