Angular 4+ App在移動設備上緩慢渲染

Question

我的角度應用程序在移動設備上的運行速度非常慢，因此我進行了測試，發現javascript執行時間（在bundle.js加載后）是主要瓶頸。 台式機與移動設備之間存在巨大差異。

可能是什么原因引起的問題，可能是什么解決方案？

測試台式機

手機測試（Moto G）

您可以看到JS執行時間由紫色條表示。

Answer 1

請查看Google為您的網站提供的頁面速度建議。

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Faiesec.org&tab=mobile

嘗試進行上述更改，然后再次進行測試以查看它是否有所改善。

將阻止渲染的js移動到頁腳。 這是我從手機檢查來源時注意到的一件事。

請看下面的問題

如何提高Angular2應用程序的加載性能？

我已經看到許多角度應用程序最初的緩慢問題，即使它們已通過生產構建進行了優化。 請查看它可能會有所幫助。

Answer 2

嘗試提前（AOT）編譯器

現在請參閱本文以獲取更多信息

https://blog.nrwl.io/angular-is-aot-worth-it-8fa02eaf64d4

官方文件

https://angular.io/guide/aot-compiler