Описание
Как пользоваться инструментом
- Выберите тип кода — CSS, JavaScript или HTML.
- Вставьте код в поле или загрузите файл — тип определится автоматически по расширению.
- Нажмите «Сжать код». Результат появится ниже вместе со статистикой: размер до и после и процент экономии.
- Скопируйте или скачайте готовый код. Кнопка «Вставить пример» подставит образец, «Очистить» — сбросит поля.
Всё работает прямо в браузере — код никуда не отправляется.
Что такое минификация кода
Минификация (от англ. minify — «уменьшать») — это удаление из кода всего, что нужно человеку, но не нужно браузеру: комментариев, лишних пробелов, отступов и переносов строк. Логика и работа кода при этом не меняются — становится меньше только размер файла. Браузер одинаково выполняет и подробный, и сжатый код, поэтому на «боевых» сайтах подключают именно минифицированные версии стилей и скриптов, а подробные с комментариями оставляют для разработки.
Что именно убирается
- Комментарии. В CSS —
/* … */; в JavaScript —/* … */и однострочные// …; в HTML —<!-- … -->. - Лишние пробелы и табуляции. Несколько подряд схлопываются в один или убираются совсем.
- Переносы строк и отступы. Код собирается в компактный вид.
- Пробелы вокруг служебных символов. Например, вокруг скобок, двоеточий и точек с запятой в CSS:
.a { color : red ; }сжимается до.a{color:red}.
При сжатии JavaScript инструмент аккуратно обходит текстовые строки: то, что выглядит как комментарий внутри строки (например, адрес со слешами "https://site/path"), остаётся нетронутым — это частая ошибка простых «сжимателей».
Сколько можно сэкономить
Объём зависит от того, насколько подробно отформатирован исходный код. Файлы с большими отступами и комментариями ужимаются заметно сильнее, чем уже компактные. Инструмент сразу показывает размер до и после и процент экономии, так что результат виден наглядно. По тому же принципу — уменьшение веса без потери сути — работает и сжатие изображений, только там сжимаются картинки, а не текст кода.
Минификация против форматирования
Минификация и форматирование — противоположные операции. Минификатор ужимает код в одну строку для публикации, а форматирование, наоборот, расставляет отступы и переносы для удобного чтения. Если нужно привести в читаемый вид, например, данные в формате JSON, для этого есть обратный инструмент — JSON-форматтер, который умеет и форматировать, и сжимать.
Минификация и сжатие сервера — не одно и то же
Минификация убирает лишние символы из самого текста кода. Дополнительно сервер обычно применяет сжатие при передаче (gzip или brotli) — оно работает поверх и ещё уменьшает объём. Эти приёмы не заменяют друг друга, а складываются: сначала минифицированный файл, затем сжатие при отдаче браузеру. Поэтому минифицировать код стоит, даже если на сервере включён gzip.
Когда нужна минификация, а когда наоборот
- Сжатый код подключают на работающем сайте — ради скорости загрузки и экономии трафика.
- Подробный код с комментариями и отступами удобнее при разработке и правках — его держат в исходниках.
Частые вопросы
- Изменится ли работа кода после сжатия? Нет. Убираются только незначимые символы; логика остаётся прежней.
- Можно ли вернуть сжатый код обратно? Полностью восстановить комментарии и форматирование нельзя, но читаемый вид можно навести инструментами форматирования. Поэтому держите исходную версию отдельно.
- Безопасно ли вставлять свой код? Да, всё обрабатывается в браузере и никуда не отправляется.
- Подходит ли для больших файлов? Да, но очень крупные проекты удобнее сжимать сборщиками на этапе разработки.
- Почему мой код сжался незначительно? Скорее всего, он уже был компактным — мало комментариев и отступов.