1. 程式人生 > >angular 頁面第一次載入 速度慢 優化

angular 頁面第一次載入 速度慢 優化

首次訪問要10秒左右,之後很快,參考

路由元件拆分

預延遲載入

為什麼angular速度會變慢

我們在通過nginx build --prod --aot 命令生成釋出包後,發現main.js這個檔案異常的大,如果在使用了gzip壓縮之後訪問速度仍然不理想,就需要我們從程式碼中入手

在專案成規模以後,頁面元件component在專案中佔得比重會很大,因此需要使用懶載入的方式

在所有的路由元件拆分成多個子模組組。

很簡單的例子,一個系統有通知公告功能和統一授權功能。

統一授權模組只有管理員能夠使用。對於普通使用者而言是不需要這個模組的。

但是使用者登陸以前我們並不知道使用者的身份。所以為了優化速度,我們要把這兩個功能拆分成兩個分離的路由子模組

在使用者登陸成功獲取身份憑據之後有選擇的延遲載入。