Продолжаю серию публикаций по оптимизации скорости загрузки сайтов для последующего прохождения аудита у Pagespeed Insight, GTMetrix и иных инструментов, которые используются в такого рода работах. В этой статье речь пойдет о выделении критической части стилей из всей массы .css для более быстрого рендеринга вашего сайта. Поясню: при открытии сайта все стили из "шапки" (<header>) должны быть загружены и только после этого выполнены по порядку их очередности в коде. Это значит, что время, которое будет отведено на эту операцию будет блокировать отрисовку страницы...

Источник: Nuances of Programming Курс SkillFactory Frontend-разработчик. Получите перспективную творческую профессию в IT. Каскадные таблицы стилей CSS  —  это мощный язык стилевого оформления для контроля за внешним видом и макетом сайта: шрифтами, цветами, размерами, другими визуальными элементами, расположением содержимого. Рассмотрим 12 CSS-инструментов с широким функционалом  —  от создания градиентов и теней до генерирования сложных макетов сетки и анимации. С ними и начинающие, и опытные...