CSS Minifier

CSS minification removes all unnecessary characters from a CSS stylesheet without affecting how the page looks. This includes whitespace, line breaks, comments, and the last semicolon before a closing brace. The output is a single-line stylesheet that is functionally identical to the original but significantly smaller — typically 20–40% smaller before compression.

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

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