以下の構文を使用してページの読み込み時間を調べますが、javascriptを使用してページのレンダリング時間を特定する方法はわかりません。JavaScriptを使用してページを表示する時間(ページ読み込み時間ではありません)を確認する方法
var loadTime = window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart;
以下の構文を使用してページの読み込み時間を調べますが、javascriptを使用してページのレンダリング時間を特定する方法はわかりません。JavaScriptを使用してページを表示する時間(ページ読み込み時間ではありません)を確認する方法
var loadTime = window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart;
var rendertime = window.performance.timing.domComplete-window.performance.timing.domContentLoadedEventEnd
時間の解析ではなく、解析時間です。 – Kaiido
この回答によれば、レンダリングと解析の両方がほぼ同時に発生します。https://stackoverflow.com/a/35966477/4589611 – Vibhu
最初のものは正しいかもしれませんが、後続のレンダリングには何もしません解析する。 https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Overview_of_Events_and_Handlersとhttps://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-建設(しかし、OPはこの最初のレンダリングにのみ興味があるようです) – Kaiido
はhttps://stackoverflow.com/questions/2516665/how-can-i-monitor-the-rendering-time-in-a-browserの – bhansa
が重複する可能性[私はどのように監視することができますブラウザでのレンダリング時間?](https://stackoverflow.com/questions/2516665/how-can-i-monitor-the-rendering-time-in-a-browser) –
var rendertime = window.performance.timing。 domComplete-window.performance.timing.domContentLoadedEventEnd – Vibhu