angularjs - Google 洞察力在 Angular 应用程序中显示出非常低的性能

Question

我正在运行一个 Angular 应用程序，该应用程序在谷歌页面洞察力中的得分非常低(移动设备为 13，桌面为 43)。我在 Nginx 服务器上运行它，所有压缩和缓存问题都从 Nginx 端解决，但它在页面洞察力方面仍然显示非常低的分数。
页面中只有一张图像，并且已经被压缩。
错误是删除未使用的 javascript 和 css 文件。但是他们显示错误的文件是从 Angular 生产构建生成的构建文件。我不知道这些文件是如何被使用的。我在这里附上错误的屏幕截图。请帮我解决这些问题。

Answer 1

问题是 Zone.js - Zone.js 正在减慢谷歌页面上的应用程序速度，我有同样的问题(多年来)。您也可以通过禁用 polyfills 上的 zone.js 来尝试，然后将 zone.js 文件添加到 Assets 上并作为脚本标签加载到 index.html 上，您将看到问题，然后禁用 zone.js 标签和运行灯塔。
测试谷歌页面速度:

polyfills 中的普通 zone.js。

Assets 中带有 index.html 脚本标签的 Zone.js(在头部) - 确保禁用 polyfill

在 polyfill 和/或 index.html 上禁用 zone.js