5 мин чтения
2026-02-25
Инструменты вроде PurgeCSS и UnCSS анализируют HTML и удаляют стили, которые не применяются ни к одному элементу.
Если несколько селекторов имеют одинаковые свойства, объедините их через запятую.
`margin: 10px 20px` вместо четырёх отдельных свойств
`background: url(...) no-repeat center` вместо отдельных объявлений
`font: bold 16px/1.5 Arial` вместо трёх свойств
`#ffffff` → `#fff`
`rgb(0, 0, 0)` → `#000`
`rgba(255,255,255,1)` → `#fff`
Группируйте стили внутри одного медиа-запроса вместо дублирования `@media` блоков.
CSS-переменные уменьшают дублирование значений и упрощают поддержку.
Минификация + Gzip даёт максимальную экономию трафика.
Смотрите также: Flexbox Playground, Grid Playground, Color Picker