Карточка Junior Рендеринг страницы спрашивают часто обновлено
Критический путь рендеринга
Вопрос
Что такое критический путь рендеринга (critical rendering path)?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Последовательность шагов от получения HTML до первой картинки: DOM, CSSOM, вычисление стилей, layout, paint, composite. Оптимизировать его значит меньше блокирующих ресурсов и раньше первая отрисовка.
Ответ
Последовательность шагов от получения HTML до первой картинки: DOM, CSSOM, вычисление стилей, layout, paint, composite. Оптимизировать его значит меньше блокирующих ресурсов и раньше первая отрисовка.
Разбор
Блокируют путь CSS в head и синхронные скрипты. Поэтому критичный CSS встраивают, а скрипты подключают через defer.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.