HTML Flashcards
1
Q
Критический путь рендеринга (Critical Rendering Path)
A
Существует 6 этапов CRP:
1) построение DOM-дерева (для каждого HTML элемента браузер создает JS объект, называемый Node
2) построение CSSOM-дерева
3) запуск JavaScript (async, defer)
4) создание Render-дерева ( совокупность DOM и CSSOM, видимый для пользователя контент)
5) генерация раскладки (layout => reflow)
6) отрисовка (paint)
Т.к. эл-ты могут перекрывать друг друга и менять свой внешний вид, браузер создает слои -layers. Для каждого слоя браузерс заполняет границы, заливку, тени, текст и др. (Rasterization). Слой разбивается на плитки (tiles), которые и отрисовываются на экране
