Просто о CRP (Critical Rendering Path)

#YauhenK #webDev #ПростоО #CRP Добро пожаловать в очередную серию видеокаста, "Просто о". И тема сегодняшнего видео - это CRP, или Critical Rendering Path (Критические этапы рендеринга). Вопросы о том что это такое, из каких основных этапов он состоит и как его можно оптимизировать довольно часто спрашивают на собеседованиях. Веб-разработчику важно понимать данный механизм, т.к. он включает в себя очень много базовой информации о внутренней работе браузера. Знание этих этапов позволяет оптимизировать загрузку и отображение страниц, что критически важно для повышения скорости работы сайта и улучшения пользовательского опыта. ✒ Timeline: ✔ 0:00 - Введение ✔ 1:17 - DOM (Объектная модель документа) ✔ 2:48 - CSSOM (Объектная модель CSS) ✔ 5:09 - JavaScript ✔ 7:00 - Render tree (Дерево рендеринга) ✔ 7:52 - Layout (Компоновка) ✔ 9:28 - Paint (Отрисовка) ✔ 10:43 - Composite (Объединение слоёв) ✔ 11:59 - Display (Физическое отображение) ✔ 13:06 - Оптимизация CRP ✒ Полный список готовых и планируемых курсов: ✔ Trello:
✒ Автор курса: ✔ YouTube:    / yauhenkavalchuk   ✔ Instagram:   / yauhenkavalchuk   ✔ Twitter:   / yauhenkavalchuk   ✔ VK: https://vk.com/YauhenKavalchuk
✔ LinkedIn:   / yauhenkavalchuk   ✔ GitHub:
✔ VK (Группа): http://vk.com/webdevcom
✒ Поддержать развитие канала:

Смотрите также