我正在寻找一种方法来测量React SPA的页面加载时间和不同的矩阵。
我用谷歌搜索了同样的东西,发现了一些像Boomerang等工具。
任何人都可以建议我使用相同的工具。
提前致谢。
最推荐的方法是使用chrome dev工具运行Google Lighthouse。
您将在那里看到详细的性能指标。
即使您在底部的网络选项卡中检查惯性加载时间,也可以查看在首页加载时占用所有资产的时间。
Boomerang使用History API来测量路由变化,然后等待网络和DOM活动“解决”,这是测量SPA的合理方法
另一种方法是使用用户定时标记和测量仪器对SPA进行检测并在某处进行信标处理。
也许值得一看的是Elastic的RUM解决方案 - 来自OpBeat之前我曾经使用过Angular应用程序 - 它是开源的,所以你可以在购买之前尝试(如果你需要)