У нас вы можете посмотреть бесплатно Просто о CRP (Critical Rendering Path) или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
#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: https://trello.com/b/R6rD7qq8 ✒ Автор курса: ✔ YouTube: / yauhenkavalchuk ✔ Instagram: / yauhenkavalchuk ✔ Twitter: / yauhenkavalchuk ✔ VK: https://vk.com/YauhenKavalchuk ✔ LinkedIn: / yauhenkavalchuk ✔ GitHub: https://github.com/YauhenKavalchuk ✔ VK (Группа): http://vk.com/webdevcom ✒ Поддержать развитие канала: https://github.com/YauhenKavalchuk/yo...