javascript - Angular 4+ 应用程序在移动设备上渲染缓慢

标签 javascript angular rendering

我的 Angular 应用程序在移动设备上运行速度非常慢,因此我进行了测试,发现 JavaScript 执行时间(在加载 Bundle.js 之后)是主要瓶颈。桌面版和移动版之间存在巨大差异。

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

桌面测试 enter image description here

移动测试(Moto G) enter image description here

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

最佳答案

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

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

尝试进行上述更改并再次测试,看看是否会有所改善。

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

请看下面的问题

How can I improve load performance of Angular2 apps?

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

关于javascript - Angular 4+ 应用程序在移动设备上渲染缓慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48927129/

相关文章:

asp.net - Chrome 中 ASP.NET 站点的呈现不正确 - 单击时已修复

JavaScript - 画一个圆

ios - 在 iOS 上将文本转换为图像

Angular 7 Http删除api句柄主体?

javascript - Bootstrap,销毁元素的下拉菜单

javascript - 仅在线点的 y 值上过渡?

javascript - 在其中也有链接的表行中使用 onClick

angular - 如何让 `ngOnChanges`在 `angular2`工作

javascript - Angular 2 - 如何使用新的 Angular 2.0.0-rc.1 路由器

javascript - 将 Html 存储到数组中,然后将其保存在数据库中并检索该数组 - 显示错误