Expo ReactNative レンダリングの時間計測方法

Question

現在、ReactNativeとExpoを用いてモバイルアプリ開発を行なっております。
負荷試験を行いたいと思い、100件ほどののデータを表示させる処理を実装しました。
その際にレンダリングされる時間を計測したいのですが、ReactNativeやExpoでレンダリングの時間を
計測してくれるライブラリなどは存在するのでしょうか？

Answer 1

const startTime = Date.now(); // 開始時間
yourFunction(); // 計測する処理
const endTime = Date.now(); // 終了時間

console.log(endTime - startTime); // 何ミリ秒かかったかを表示する

const startTime = performance.now(); // 開始時間
yourFunction(); // 計測する処理
const endTime = performance.now(); // 終了時間

console.log(endTime - startTime); // 何ミリ秒かかったかを表示する

以下のリンクにあるようにDate.now()あるいはperformance.now()を処理の最初と最後に記述することで計算可能です。

https://sbfl.net/blog/2017/12/01/javascript-measure-time/