Минификация кода CSS / JS

Уменьшите размер вашего CSS- или JavaScript-кода прямо в браузере, без отправки на сервер: удаление комментариев и лишних пробелов.

Пример:

Внимание: это базовый минификатор (удаление комментариев и сжатие пробелов), а не полноценный production-инструмент вроде Terser или csso. Он не переименовывает переменные и не выполняет продвинутую семантическую оптимизацию.

Как это работает

Инструмент предназначен для уменьшения веса CSS- или JavaScript-файла перед публикацией небольшого сайта или личной страницы: вставьте исходный код, выберите язык, нажмите «Минифицировать» и получите облегчённую версию (комментарии и лишние пробелы удалены), а также процент сокращения. Как указано выше, это базовый минификатор, подходящий для разовой задачи или обучения, а не замена production-инструментам вроде Terser или csso для крупного проекта.

Почему мой минифицированный код перестал работать?

Это редко, но возможно с очень специфичным кодом (например, JavaScript, который полагается на пробелы или неявные точки с запятой в крайних случаях). Поскольку этот минификатор не выполняет продвинутый семантический анализ и не переименовывает переменные, рекомендуется всегда тестировать результат перед публикацией.

В чём разница между минификацией и gzip-сжатием?

Минификация изменяет сам исходный код (удаление комментариев, пробелов, сокращение) и создаёт меньший файл, который остаётся напрямую исполняемым. Gzip-сжатие (или Brotli) затем применяется на сервере к уже минифицированному файлу: оно сжимает сетевую передачу, не изменяя содержимое, а браузер распаковывает его при получении. Обе техники дополняют друг друга.

Минификация выполняется на 100% локально в вашем браузере через WebAssembly: ваш исходный код никогда не отправляется на сервер.