PageSpeed Insight 显示 Angular SPA 应用程序性能较低

Question

我正在运行一个 Angular 应用程序，该应用程序在移动版 PageSpeed Insight 中显示得分非常低（移动版为 41，桌面版为 86）。

我在这里附上错误的屏幕截图。

我确实需要一些帮助来解决这些问题。你得到的任何建议都会很棒！

有关该应用程序的一些详细信息

• 角17.1
• 我延迟加载了所有路由并仅使用独立组件
• 该应用程序确实有一些第三方库示例：Angular Material、Ngrx、Chartjs...

页面速度测试

移动分数低 - 41

减少 JavaScript 执行时间 1.5 秒

最小化主线程工作 2.4 秒

最大内容绘制元素 5,640 ms

Answer 1

您是否在生产版本上运行页面速度索引？如果您在开发模式下运行此程序，您的应用程序将不会得到优化，您将看到误导性的结果。

如果您在本地进行测试，而没有将构建部署到 Web 服务器，那么可以进行简单的测试ng serve --configuration=production，看看是否能获得更好的性能结果。