Браузер разбирает HTML в DOM, загружает связанные ресурсы, строит стили, вычисляет расположение элементов и рисует страницу. JavaScript может менять DOM и влиять на дальнейший рендеринг.
Какая последовательность обработки страницы браузером с момента, как от сервера пришёл ответ на запрос?
Браузер разбирает HTML в DOM, загружает связанные ресурсы, строит стили, вычисляет расположение элементов и рисует страницу. JavaScript может менять DOM и влиять на дальнейший рендеринг.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
Браузер разбирает HTML в DOM, загружает связанные ресурсы, строит стили, вычисляет расположение элементов и рисует страницу. JavaScript может менять DOM и влиять на дальнейший рендеринг.
Обработка не обязательно ждёт полного ответа: HTML разбирается постепенно. CSS участвует в расчёте оформления, затем выполняются layout, paint и compositing. Некоторые скрипты задерживают разбор, другие запускаются позже или независимо от него. Изменения размеров могут вызвать новый layout, а изменения оформления — перерисовку. Это упрощённая схема: фактический порядок зависит от ресурсов и поведения страницы.