角度性能跟踪

Posted 2023-03-07

【中文标题】角度性能跟踪

【英文标题】：Angular performance tracking

【发布时间】：2017-10-04 10:00:48

【问题描述】：

跟踪 Angular 应用程序性能的最佳和推荐方法是什么？我可以使用许多其他可用技术/api，例如 performance.now 来跟踪和谷歌分析/应用程序洞察力以发送自定义性能计数器。

但我的问题是，我们是否在 Angular 中为此目的内置了一些东西，或者是否有推荐的第三方模块/库来帮助跟踪 Angular 应用程序的性能？

【问题讨论】：

我建议 Augury，一个 Angular 检查工具，在开发过程中非常有用。

我知道 Augury 我对一个工具更感兴趣，通过它我们不仅可以在开发期间跟踪生产中的性能数据。

不完美。相关，但也许SonarQube ?

SonalQube 看起来很有趣

【参考方案1】：

听起来您正在寻找类似 Perfume.js 的东西：https://zizzamia.github.io/perfume/#/angular/

它会跟踪用户交互的 First Contentful Paint 和 First Input Delay 等内容。

【参考方案2】：

我还建议使用包 perf-marks。它是 javascript 中用户计时 API 的同构、简单且轻量级的解决方案 - ? 只有 208B ?用于 Jira、Confluence 和 Bitbucket 等项目。内置摇树和入口点。此外，您可以在浏览器或 NodeJS 端使用它。

https://github.com/willmendesneto/perf-marks