React SPA的页面负载测量

问题描述 投票:1回答:2

我正在寻找一种方法来测量React SPA的页面加载时间和不同的矩阵。

我用谷歌搜索了同样的东西,发现了一些像Boomerang等工具。

任何人都可以建议我使用相同的工具。

提前致谢。

reactjs single-page-application performance-testing page-load-time
2个回答
0
投票

最推荐的方法是使用chrome dev工具运行Google Lighthouse。

  • 打开devTools
  • 去审计
  • 运行审核

您将在那里看到详细的性能指标。

即使您在底部的网络选项卡中检查惯性加载时间,也可以查看在首页加载时占用所有资产的时间。


0
投票

Boomerang使用History API来测量路由变化,然后等待网络和DOM活动“解决”,这是测量SPA的合理方​​法

另一种方法是使用用户定时标记和测量仪器对SPA进行检测并在某处进行信标处理。

也许值得一看的是Elastic的RUM解决方案 - 来自OpBeat之前我曾经使用过Angular应用程序 - 它是开源的,所以你可以在购买之前尝试(如果你需要)

© www.soinside.com 2019 - 2024. All rights reserved.