Как оптимизировать CSS для повышения производительности

Минификация – удаление пробелов, комментариев и сокращение кода:
```
/* До */
.header { color: #ffffff; }
/* После */
.header{color:#fff}
```
Использование CSS-препроцессоров (Sass, Less) для модульности и переменных.
Уменьшение вложенности (особенно в BEM/Sass) – избегаем глубоких селекторов:
```
/* Плохо */
.block__element--modifier span { ... }
/* Лучше */
.block__text { ... }
```
Critical CSS – встраивание ключевых стилей прямо в <head> для ускорения первой отрисовки.
Удаление неиспользуемого кода (PurgeCSS, UnCSS).
Оптимизация анимаций – используем transform и opacity вместо top/left:
```
/* Хорошо */
.box { transform: translateX(100px); }
/* Плохо */
.box { left: 100px; }
```
Сжатие и кэширование на сервере (gzip, Brotli).