Измерение времени загрузки содержимого DOM страниц, отображаемых с помощью AJAX

Question

Для измерения производительности сайта я использую window.performance.timing.Но происходит сбой, когда я пытаюсь измерить производительность веб-страниц, которые отображаются с помощью вызовов ajax.Например, если веб-страница разработана с использованием таких фреймворков, как angularjs, то страницы могут отображаться с помощью вызовов ajax.

Это снимок экрана одного такого веб-сайта, который загружает страницы с помощью вызовов ajax .Вы можете видеть (извините за плохое качество), что performance.timing дал одинаковый результат на обеих страницах.

Чтобы преодолеть это, я попытался PerformanceResourceTiming API .Но это не обеспечивает время загрузки содержимого DOM.

Как измерить время загрузки содержимого DOM этих страниц с помощью javascript?

Answer 1

Вызовите console.time('yourVarNameHere'), когда непосредственно перед началом запроса ajax, и console.timeEnd('yourVarNameHere') после его завершения, и DOM был обновлен по мере необходимости в зависимости от того, что вернулось.

https://developer.mozilla.org/en-US/docs/Web/API/Console/time