Измерение загрузки страницы для React SPA

Я ищу способ измерения времени загрузки страницы и другую матрицу для React SPA.

Я гуглил для того же и нашел некоторые инструменты, такие как Бумеранг и т. Д

Может ли кто-нибудь предложить мне любые доступные инструменты для того же.

Заранее спасибо.

2 ответа

Бумеранг измеряет, используя History API для обнаружения изменений маршрута, а затем ожидает "урегулирования" активности сети и DOM, и это разумный подход для измерения SPA

Другой подход заключается в том, чтобы оснастить SPA метками и мерами User Timing и передать их где-нибудь.

Вероятно, также стоит взглянуть на решение Elastic RUM - пришло от OpBeat, которое я раньше использовал с приложениями Angular - оно с открытым исходным кодом, так что вы можете попробовать перед покупкой (если вам нужно)

Наиболее рекомендуемый способ - запустить Google Lighthouse из ваших инструментов разработчика Chrome.

  • открыть devTools

  • Перейти к Аудитам

  • Выполнить аудит

Вы увидите подробную метрику производительности там.

Даже вы проверяете время инерционной загрузки на вкладке сети внизу, чтобы увидеть, сколько времени занимает все ресурсы при загрузке первой страницы.

Другие вопросы по тегам