Angular 4+ 应用在移动设备上呈现缓慢

Angular 4+ App slow rendering on mobile

我的 angular 应用程序在移动设备上运行非常慢,所以我进行了测试,发现 javascript 执行时间(在 bundle.js 加载之后)是主要瓶颈.台式机和移动设备之间存在巨大差异。

可能导致问题的原因是什么?可能的解决方案是什么?

桌面测试

移动测试(Moto G)

您可以看到 JS 执行时间用紫色条表示。

请查看 Google 为您的站点提供的页面速度建议。

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

尝试进行上述更改并再次测试,看看是否有任何改进。

将渲染阻塞 js 移至页脚。这是我从手机检查源代码时注意到的一件事。

请看下面的问题

我已经在许多 angular 应用程序上看到了初始缓慢的问题,即使它们已经通过生产构建进行了优化。请看看它可能有帮助。