Angular AOT優化構建嘗試

對於AOT相關的概念和原理不介紹了,網上很多優秀文章或回答:

如何評價 angular 2 中的 AoT?

Angular 預編譯(AOT)

個人在優化過程中也遇到了一下問題,整理了解決方案

詳情:Angular AOT構建優化與後端渲染 · Issue #13 · giscafer/front-end-manual

AOT預編譯官方教程:angular.cn/docs/ts/late

原先是在ng2上優化AOT編譯的,後邊升級ng4後,nodejs的內存明顯不夠,並且構建過程真心的慢。。。

AOT構建後文件大小改變了但是總體大小並沒有什麼變化,但是性能提升了很多,確實有效果,不過項目大型後,首次載入還是感覺有些慢,這個有時間需要嘗試一下後端渲染解決首次載入問題。

你是否也在用angular?

推薦閱讀:

PWA 漸進式實踐 (1) - Lighthouse in Action
前端性能優化:客戶端從輸入到展示講解
DNS Prefetching的兩三事
移動 H5(PC Web)前端性能優化指南

TAG:前端性能优化 | Angular? | AOT |