С какими способами оптимизации CSS работал

1. **Минификация CSS** – удаление пробелов, комментариев для уменьшения размера файла. ```css /* До */ .header { color: red; } /* После */ .header{color:red} ``` 2. **Использование CSS-препроцессоров** (Sass, Less) для модульности и удобства. 3. **Critical CSS** – встраивание критических стилей в `` для ускорения отрисовки. 4. **Уменьшение вложенности селекторов** – повышение производительности парсинга. ```css /* Плохо */ div ul li a { ... } /* Лучше */ .menu-link { ... } ``` 5. **CSS-спрайты** – объединение иконок в один файл для уменьшения HTTP-запросов. 6. **Ленивая загрузка CSS** – загрузка стилей только при необходимости (например, `media="print"`). 7. **Использование `will-change`** – подсказка браузеру для оптимизации анимаций. 8. **Удаление неиспользуемого CSS** (PurgeCSS, UnCSS). 9. **CSS-in-JS** (styled-components, Emotion) – динамическая загрузка стилей. 10. **Асинхронная загрузка** через ``.