Измерение загрузки страницы для React SPA
Я ищу способ измерения времени загрузки страницы и другую матрицу для React SPA.
Я гуглил для того же и нашел некоторые инструменты, такие как Бумеранг и т. Д
Может ли кто-нибудь предложить мне любые доступные инструменты для того же.
Заранее спасибо.
2 ответа
Бумеранг измеряет, используя History API для обнаружения изменений маршрута, а затем ожидает "урегулирования" активности сети и DOM, и это разумный подход для измерения SPA
Другой подход заключается в том, чтобы оснастить SPA метками и мерами User Timing и передать их где-нибудь.
Вероятно, также стоит взглянуть на решение Elastic RUM - пришло от OpBeat, которое я раньше использовал с приложениями Angular - оно с открытым исходным кодом, так что вы можете попробовать перед покупкой (если вам нужно)
Наиболее рекомендуемый способ - запустить Google Lighthouse из ваших инструментов разработчика Chrome.
открыть devTools
Перейти к Аудитам
- Выполнить аудит
Вы увидите подробную метрику производительности там.
Даже вы проверяете время инерционной загрузки на вкладке сети внизу, чтобы увидеть, сколько времени занимает все ресурсы при загрузке первой страницы.