Перейти к содержимому

Минификатор кода

Минификация HTML, CSS и JavaScript для уменьшения размера файлов и ускорения загрузки страниц. Бесплатный онлайн-инструмент, 100% на стороне клиента, данные не отправляются.

Введите код выше и нажмите Минифицировать.

Что такое минификация кода?

Минификация кода удаляет ненужные символы из исходного кода — пробелы, комментарии, переносы строк и необязательные разделители — не изменяя поведение кода. Результат — файл меньшего размера, который быстрее загружается по сети. Минификация является стандартным этапом каждого современного фронтенд-конвейера сборки и рекомендована руководством Google по веб-производительности для HTML, CSS и JavaScript.

Минификация HTML

Минификация HTML удаляет HTML-комментарии (<!-- ... -->) и схлопывает пробелы между тегами. Браузеры игнорируют лишние пробелы в HTML, поэтому их удаление не влияет на внешний вид, но уменьшает размер файла. Типичная экономия при минификации HTML составляет 10–25% в зависимости от стиля форматирования и плотности комментариев. Встроенные блоки <style> и <script> также выигрывают от собственной языко-специфичной минификации.

Минификация CSS

Минификация CSS удаляет комментарии (/* ... */), схлопывает пробелы и удаляет пробелы вокруг {, }, :, ; и ,. Также удаляет последнюю точку с запятой перед }, которую CSS-парсеры допускают опускать. Хорошо прокомментированные CSS-файлы обычно уменьшаются на 20–40%. Для продакшена инструменты вроде cssnano и Lightning CSS идут дальше, объединяя дублирующиеся правила, сокращая цвета (#ffffff#fff) и удаляя избыточные префиксы.

Минификация JavaScript

Этот инструмент выполняет консервативную минификацию JavaScript: удаляет однострочные комментарии (// ...), многострочные комментарии (/* ... */) и схлопывает пробелы. Это безопасно и быстро, но не является полноценным оптимизатором — он не переименовывает переменные, не удаляет неиспользуемый экспорт и мёртвый код. Для продакшен-сборок используйте специализированные инструменты: Terser (стандарт для Webpack/Vite), esbuild (крайне быстрый, на Go) или SWC (на Rust, используется в Next.js). Эти инструменты достигают 40–70% уменьшения размера, сочетая минификацию с переименованием переменных.

Конфиденциальность

Вся обработка выполняется 100% в вашем браузере. Никакие данные не отправляются на сервер.