Как я могу измерить время синтаксического анализа и рендеринга CSS в браузере?Html

Программисты Html
Anonymous
Как я могу измерить время синтаксического анализа и рендеринга CSS в браузере?

Сообщение Anonymous »

У меня есть большой SPA с одним большим CSS-файлом, содержащим множество правил. Некоторые из них устарели и требуют рефакторинга или удаления. Он скомпилирован из набора исходных файлов SCSS.
Сейчас я занимаюсь рефакторингом стилей и задаюсь вопросом, есть ли способ измерить, сколько времени требуется для рендеринга страницы с использованием определенного файла CSS.
Скажем, я нахожусь в начальной точке, где в CSS много дерьма, и вижу, что с текущей раздутой таблицей стилей рендеринг приложения занимает 2,234 секунды.
Затем я реорганизуйте его шаг за шагом, примените некоторые «оптимизации», и на каждом шаге я вижу, что с некоторыми изменениями время рендеринга уменьшается, становясь, скажем, 2,21 секунды, а с некоторыми другими изменениями это время увеличивается, скажем, 2,5 секунды.
Есть ли способ получить эту метрику?

Подробнее здесь: https://stackoverflow.com/questions/429 ... -a-browser

Вернуться в «Html»