【问题标题】：How to measure performance of charting libraries in Browser如何在浏览器中测量图表库的性能
【发布时间】：2021-04-14 05:07:57
【问题描述】：
我一直在尝试查看市场上可用的不同角度图表库。我遇到过ng2-charts。我想收集一些类似于uPlot 在此处提供的统计信息。
如何为要比较的不同图表库生成相似的统计数据？从谷歌，我找到了灯塔，但它测量页面加载时间，我想收集我将为峰值创建的图表组件的统计信息。
我知道要回答的问题范围很广，但是很少的链接和步骤会产生很大的不同。
任何帮助将不胜感激。
【问题讨论】：
标签：
javascript
performance
google-chrome
browser
rendering
【解决方案1】：
ng2-charts 依赖于 Chart.js v2，它在 uPlot 的基准测试中被列为“Chart.js”。我想 ng 包装器会有一些额外的开销。此处未列出的大多数其他图表库都依赖其中之一作为核心渲染代码。
我测试它们的方式是实施基准测试并使用 Chrome 的 DevTools 手动记录几个页面加载性能配置文件。这是一个单调乏味的手动过程，无论如何都不是自动化的。
我确信可以为此使用 lighthouse，但准确地确定要启用和测量哪些跟踪比每 2 个月花一个小时手动运行它们要花费更多的精力。