🛠 Все
│
CSS/JS Minifier
Минификация CSS и JavaScript: удаление комментариев, пробелов, сжатие кода.
0 B
Что делает минификатор
Комментарии
Удаляет блочные /* */ и строчные // комментарии, сохраняя URL.
Пробелы
Схлопывает множественные пробелы и удаляет переводы строк.
Безопасность
Не переименовывает переменные. Код работает идентично оригиналу.
Что такое минификация
Удаление из кода всего, что не влияет на работу: пробелы, переносы строк, комментарии, длинные имена переменных. Файл становится в 2-3 раза легче — браузер качает быстрее.
Когда нужна
Перед публикацией лендинга. При оптимизации Core Web Vitals (LCP, FCP). При экономии на CDN-трафике (актуально для крупных кампаний).
Что не делает
Не сжимает картинки. Не оптимизирует HTML-структуру. Не уменьшает количество HTTP-запросов (нужна сборка в bundle отдельно).
Частые вопросы
Что такое минификация? ▾
Уменьшение размера кода без потери функциональности: удаление пробелов, комментариев, сокращение имён переменных. Файл в 2-3 раза легче. Стандарт для production.
Зачем минифицировать? ▾
Скорость загрузки на 30-60% быстрее. Меньше трафика на CDN. Лучшие Core Web Vitals — Google ранжирует быстрые сайты выше. Для арбитражных лендингов критично.
Что поддерживает? ▾
HTML, CSS, JavaScript (Terser/UglifyJS), SVG, JSON. Также beautify — обратное форматирование с отступами.
Не сломает ли код? ▾
Если код валидный — нет. Минификаторы стабильны. Но edge-cases (eval, with в JS) могут пострадать. Всегда тестируй production-минифицированный код.
Можно ли вернуть оригинал? ▾
Минификация односторонняя. Beautify вернёт отступы, но имена переменных не восстанавливаются: a → originalName невозможно. Держи source-файлы в git.
Что такое source map? ▾
Файл, связывающий минифицированный код с исходным. Браузер при отладке показывает реальные имена. Source map грузится только при открытом DevTools — на скорость пользователя не влияет.
Сжимает ли картинки? ▾
Нет. Картинки — отдельный compress (TinyPNG, ImageOptim). Минификатор работает только с текстом.