前端路漫漫，優(yōu)化無極限爽蝴。
本文主要從Web 技術(shù)方向講述vue性能優(yōu)化沐批。
1.開啟 gzip 壓縮
即GNUzip，最早用于 UNIX 系統(tǒng)的文件壓縮蝎亚。HTTP 協(xié)議上的 gzip編碼是一種用來改進 web 應(yīng)用程序性能的技術(shù)九孩，web 服務(wù)器和客戶端（瀏覽器）必須共同支持 gzip。目前主流的瀏覽器发框，Chrome躺彬，firefox，IE等都支持該協(xié)議梅惯。常見的服務(wù)器如 Apache宪拥，Nginx，IIS 同樣支持铣减，gzip 壓縮效率非常高她君，通常可以達到 70% 的壓縮率葫哗。
2.瀏覽器緩存
為頁面加載速度缔刹，需對靜態(tài)資源進行緩存，根據(jù)是否需要重新向服務(wù)器發(fā)起請求將 HTTP 緩存規(guī)則分為兩大類強制緩存劣针、對比緩存桨螺。
3.CDN 的使用
瀏覽器從服務(wù)器上下載 CSS、js 和圖片等文件時都要和服務(wù)器連接酿秸，而大部分服務(wù)器的帶寬有限灭翔，如果超過限制，網(wǎng)頁就半天反應(yīng)不過來辣苏。而 CDN 可以通過不同的域名來加載文件肝箱，從而使下載文件的并發(fā)連接數(shù)大大增加，且CDN 具有更好的可用性稀蟋，更低的網(wǎng)絡(luò)延遲和丟包率 煌张。
Chrome 的 Performance 面板可以錄制一段時間內(nèi)的 js 執(zhí)行細節(jié)及時間。
使用 Chrome 開發(fā)者工具分析頁面性能的步驟如下：
①打開 Chrome 開發(fā)者工具退客，切換到 Performance 面板骏融；
②點擊 Record 開始錄制链嘀；
③刷新頁面或展開某個節(jié)點；
④點擊 Stop 停止錄制档玻。
