Angular 4+ App在移动设备上缓慢渲染答案

【问题标题】：Angular 4+ App slow rendering on mobileAngular 4+ App在移动设备上缓慢渲染
【发布时间】：2018-08-02 06:52:46
【问题描述】：

我的 Angular 应用程序在移动设备上运行速度非常慢，因此我进行了测试，发现 javascript 执行时间（在 bundle.js 加载后）是主要瓶颈。桌面与移动设备之间存在巨大差异。

什么可能导致问题以及可能的解决方案是什么？

桌面测试

手机测试(Moto G)

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

【问题讨论】：

【解决方案1】：

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

尝试进行提到的更改并再次测试，看看它是否会变得更好。

将渲染阻塞 js 移动到页脚。这是我通过手机查看来源时注意到的一件事。

请看下面的问题

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

【讨论】：

感谢您，虽然我同意其中必须提出一些优化建议，但您可以看到桌面和移动设备的 fcp 和 dcl 值之间的差异。那里给出的所有优化技术都专注于减少网络负载，这对这种差异没有任何影响吗？在我的情况下，主要渲染阻塞 js bundle.js 也是由 angular 本身生成的，它是主应用程序的一部分
用有用的链接更新了答案。
@KrishnadasPC 也可以看看我的网站：simplifyb2b.com。移动浏览器页面速度低很多