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

Вступление Существуют мощные и стабильные CSS фичи, доступные уже сегодня, которые каждый front-end разработчик может использовать. Важно знать, как использовать container query, создавать привязку к прокрутке, избегать position: absolute путем использования grid, быстро создавать круги, использовать каскадные слои и достигать большего с помощью логических свойств. В данной статье будут описаны все 6 новых возможностей CSS. 1. Container query В 2023 году самая востребованная функция CSS для запроса...