<acronym title="Каскадные таблицы стилей">CSS</acronym> minifier:

Минификация CSS удаляет все ненужные символы из таблицы стилей CSS, не влияя на внешний вид страницы. Сюда входят пробелы, разрывы строк, комментарии и последняя точка с запятой перед закрывающей скобкой. Выходные данные представляют собой однострочную таблицу стилей, которая функционально идентична исходной, но значительно меньше — обычно на 20–40% меньше до сжатия.

CSS - это ресурс, блокирующий рендеринг. Браузеры должны загрузить и проанализировать все CSS, прежде чем они смогут отобразить страницу, что означает, что большие или неминифицированные CSS-файлы задерживают First Contentful Paint (FCP) и Largest Contentful Paint (LCP). Google PageSpeed Insights помечает неминифицированный CSS как возможность «минимизировать CSS», а такие инструменты, как Lighthouse, наказывают таблицы стилей, блокирующие рендеринг, в аудитах производительности.

Этот инструмент полностью обрабатывает CSS в вашем браузере с помощью пользовательского алгоритма минимизации. Он удаляет комментарии, сворачивает пробелы, удаляет пробелы вокруг символов синтаксиса CSS ({, }, :, ,,) и отбрасывает конечные точки с запятой перед закрытием скобок. Функция Beautify отменяет этот процесс, повторно изменяя правила для удобочитаемости — полезна, когда вы получаете минифицированный CSS от третьей стороны и вам нужно прочитать или изменить его.