Выбор ответа Junior Рендеринг страницы спрашивают часто обновлено

Порядок этапов рендеринга

Вопрос

В каком порядке браузер выполняет этапы, чтобы показать страницу?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: DOM и CSSOM → style → layout → paint → composite. Сначала строятся DOM и CSSOM, потом вычисляются стили элементов, затем layout считает геометрию, paint превращает блоки в команды рисования, а composite складывает слои в кадр.

Варианты ответа

  1. DOM и CSSOM → style → layout → paint → compositeправильный ответ
  2. DOM → paint → layout → CSSOM → composite
  3. CSSOM → composite → layout → DOM → paint
  4. DOM и CSSOM → paint → style → layout → composite

Разбор

Сначала строятся DOM и CSSOM, потом вычисляются стили элементов, затем layout считает геометрию, paint превращает блоки в команды рисования, а composite складывает слои в кадр. Рисовать до layout нельзя: неизвестно, где и какого размера блоки. Composite всегда последний шаг, а DOM нужен до всего остального.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.