我正在寻找一种测量页面加载时间和React SPA的不同矩阵的方法。
我在Google上搜索了相同的内容,并找到了Boomerang等一些工具。
有人可以建议我使用任何可用的工具吗?
谢谢。
答案 0 :(得分:0)
最推荐的方法是通过chrome开发工具运行 Google Lighthouse 。
打开 devTools
转到审计
您将在此处看到详细的性能指标。
即使您在底部的“网络”标签中检查惯性加载时间,也可以查看将所有资产都加载到首页上所花费的时间。
答案 1 :(得分:0)
Boomerang会使用History API进行测量,以检测路线更改,然后等待网络和DOM活动“解决”,这是测量SPA的合理方法
另一种方法是使用用户定时标记和度量来对SPA进行检测,并在某些地方进行信标。
也许还值得研究一下Elastic的RUM解决方案-来自我之前与Angular应用程序一起使用过的OpBeat-它是开源的,因此您可以在购买前尝试(如果需要)