ページの読み込み時間の測定に関する多くの情報と、インタラクティブなアプリケーションの FPS パフォーマンスのプロファイリングに関するかなりの情報を見つけましたが、これはそれとは少し異なります。
SVG でレンダリングされたチャートがあり、クリックするたびにチャートのレンダリングがわずかに異なるとします。クリックしてから画面上のピクセルが実際に変化するまでの完全な時間を把握したいと考えています。これを行う方法はありますか？
Javascript の時間を測定するのは簡単ですが、ブラウザがレイアウト、フロー、ペイントなどに費やす時間は考慮されていません。
Chrome のタイムライン ビューには、これに関する多くの優れた情報が表示されることを知っています。これは、問題を掘り下げるには最適ですが、ツール自体がパフォーマンスに影響を与え、さらに重要なことに、Chrome のみであるため、測定にはあまり適していません。機能する可能性のあるブラウザーに依存しない手法があることを期待していました。Navigation Performance API がページの読み込み時間に対してどのように機能するかに似ています。