Как измерить время рендеринга в Chrome 1000 раз?

Question

Я работаю над проверкой концепции и мне нужно измерить время рендеринга простого веб-сайта (только HTML-документ и один CSS-файл) 1000 раз в браузере.Есть ли простой и простой инструмент для этого?

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

Если кто-то может сказать мне, как найти общее время рендеринга страницы в(довольно огромный) вывод JSON инструмента Performance, я был бы рад этому.Я могу заставить макро-рекордер нажимать кнопку Обновить всю ночь.Хотя я думаю, что есть способ сделать это из командной строки - любые советы также приветствуются!

Answer 1

На вкладке «Аудиты» в инструментах разработчика Chrome можно запустить аудит производительности маяка, который предоставит вам некоторые ключевые показатели, определенные Google (например, время до интерактивности): https://developers.google.com/web/tools/lighthouse/.

Вы также можете запустить его из командной строки, что должно несколько упростить его повторение по мере необходимости в вашем сценарии и, возможно, даже включение его в качестве теста: https://developers.google.com/web/tools/lighthouse/#cli