Блокирует ли CSS рендеринг страницы?

Да, CSS блокирует рендеринг страницы. Браузер должен загрузить и обработать все CSS-файлы, связанные с документом, прежде чем отобразить содержимое пользователю. Это связано с тем, что CSS влияет на визуальное оформление и расположение элементов, и браузер старается избежать эффекта «мигания» или неправильного отображения.

Поэтому CSS считается render-blocking ресурсом. Чтобы оптимизировать загрузку, можно:

• Минимизировать и объединять CSS-файлы.
• Использовать атрибуты media для отложенной загрузки стилей, не влияющих на начальный рендер.
• Загружать критический CSS inline, а остальной — асинхронно.

Это помогает ускорить отображение страницы и улучшить пользовательский опыт.