Angular AOT優化構建嘗試
01-28
對於AOT相關的概念和原理不介紹了,網上很多優秀文章或回答:
如何評價 angular 2 中的 AoT?
Angular 預編譯(AOT)
個人在優化過程中也遇到了一下問題,整理了解決方案
詳情:Angular AOT構建優化與後端渲染 · Issue #13 · giscafer/front-end-manual
AOT預編譯官方教程:https://angular.cn/docs/ts/latest/cookbook/aot-compiler.html#!#compile
原先是在ng2上優化AOT編譯的,後邊升級ng4後,nodejs的內存明顯不夠,並且構建過程真心的慢。。。
AOT構建後文件大小改變了但是總體大小並沒有什麼變化,但是性能提升了很多,確實有效果,不過項目大型後,首次載入還是感覺有些慢,這個有時間需要嘗試一下後端渲染解決首次載入問題。
你是否也在用angular?
推薦閱讀:
※PWA 漸進式實踐 (1) - Lighthouse in Action
※前端性能優化:客戶端從輸入到展示講解
※DNS Prefetching的兩三事
※移動 H5(PC Web)前端性能優化指南