Карточка Middle Что происходит при вводе адреса обновлено
Critical rendering path
Вопрос
Что такое critical rendering path?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Последовательность шагов от получения HTML до первых пикселей: DOM, CSSOM, render tree, layout, paint, composite. Оптимизация CRP: меньше блокирующих CSS и JS, критический CSS инлайн, скрипты с defer.
Ответ
Последовательность шагов от получения HTML до первых пикселей: DOM, CSSOM, render tree, layout, paint, composite. Оптимизация CRP: меньше блокирующих CSS и JS, критический CSS инлайн, скрипты с defer.
Разбор
Чем короче критический путь, тем раньше FCP и LCP.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.