React SPA的页面负载测量

时间:2018-08-29 10:29:02

标签: reactjs single-page-application performance-testing page-load-time

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

我在Google上搜索了相同的内容,并找到了Boomerang等一些工具。

有人可以建议我使用任何可用的工具吗?

谢谢。

2 个答案:

答案 0 :(得分:0)

最推荐的方法是通过chrome开发工具运行 Google Lighthouse

  • 打开 devTools

  • 转到审计

  • 运行审核

您将在此处看到详细的性能指标。

即使您在底部的“网络”标签中检查惯性加载时间,也可以查看将所有资产都加载到首页上所花费的时间。

答案 1 :(得分:0)

Boomerang会使用History API进行测量,以检测路线更改,然后等待网络和DOM活动“解决”,这是测量SPA的合理方​​法

另一种方法是使用用户定时标记和度量来对SPA进行检测,并在某些地方进行信标。

也许还值得研究一下Elastic的RUM解决方案-来自我之前与Angular应用程序一起使用过的OpBeat-它是开源的,因此您可以在购买前尝试(如果需要)