Как отследить скорость загрузки в CRA?

Question

У меня есть CRA, и я пытаюсь определить скорость загрузки индекса. html. как я могу это увидеть? Я вижу, что файл .chunk.js загружался по медленному 3G за 11 секунд, и он всего 250 КБ ~, это нормально?

Я хочу выяснить, насколько быстро загружается html, чтобы я мог потом работать узнать, сколько времени займет javascript, чтобы пнуть его и контролировать весь этот процесс скорости. у кого-нибудь есть какие-нибудь хорошие советы для этого?

в настоящее время задает для sessionStorage значение Date.Now(), но нужно точно знать, когда его запускать, поэтому я сравниваю 2 точных значения

Answer 1

Это решение не сможет определить точное время, необходимое для загрузки индекса. html, но оно оценивает веб-сайт с точки зрения пользователя и сообщает, какие возможные оптимизации вы можете сделать. Если вашей конечной целью является просто оптимизация производительности, я рекомендую использовать lighthouse.

На приведенном ниже снимке экрана показаны результаты оценки и время, необходимое для загрузки определенных элементов или восприятия их как видимых / интерактивных.

На этом снимке экрана они используют Chrome DevTools но есть также CLI-версия (которую я предпочитаю больше ?).