Как CSS может блокировать рендер страницы

CSS может блокировать рендер страницы, если он загружается синхронно или находится в `` без атрибутов `media` или `async`. Браузер ждет загрузки и парсинга CSSOM перед построением DOM, что задерживает отображение контента. **Проблемные случаи:** ```html ``` **Оптимизации:** 1. **`media`-запросы** – загружать CSS только для нужных условий: ```html ``` 2. **Асинхронная загрузка** через JavaScript или `preload`: ```html ``` 3. **Critical CSS** – встраивать ключевые стили прямо в ``, а остальные загружать асинхронно. Без оптимизации CSS становится *рендер-блокирующим ресурсом*.