ДокументыИзображенияМедиаИнструменты PDF

Минификация HTML Онлайн

Уменьшайте размер HTML. Минифицируйте или форматируйте мгновенно.

Processed in your browser

Оптимизированный HTML — более быстрые страницы

Уменьшение на 10–20%

Удаляет пробелы, комментарии и необязательные теги для уменьшения веса страницы.

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

HTML обрабатывается в вашем браузере. Никогда не загружается ни на какой сервер.

Двунаправленно

Минифицируйте для продакшна или форматируйте минифицированный HTML для чтения и редактирования.

Мгновенно

Результат за миллисекунды. Без ожидания и очередей обработки.

Три шага — никаких сложностей

1

Вставьте или загрузите HTML

Вставьте HTML-код напрямую или перетащите файл .html. Без ограничений по размеру.

2

Выберите: минифицировать или форматировать

Минифицируйте для уменьшения веса страницы или форматируйте минифицированный HTML для удобного чтения.

3

Скопируйте или скачайте результат

Оптимизированный HTML появляется мгновенно. Скопируйте в буфер обмена или скачайте как файл.

Остались вопросы?

Минификация HTML удаляет: лишние пробелы и переносы строк, HTML-комментарии (<!-- -->), необязательные закрывающие теги (такие как </li>, </td> по стандарту HTML5), атрибуты со значениями по умолчанию, а также может сокращать значения булевых атрибутов. Итоговый документ функционально эквивалентен для браузера.

HTML типичной страницы уменьшается на 10–20% при минификации. Хотя эффект меньше, чем при минификации CSS или JS (HTML обычно меньше), в сочетании со сжатием gzip/Brotli это может заметно снизить Time to First Byte (TTFB), особенно для страниц с многословным HTML вроде шаблонов, генерируемых CMS.

В большинстве случаев нет, но есть исключения: JavaScript, использующий пробелы для разделения токенов (редко в современном коде), или CSS, зависящий от переносов строк. Инструменты минификации, такие как HTMLMinifier-terser, консервативны по умолчанию и сохраняют инлайновый JavaScript и CSS. Всегда тестируйте результат в промежуточной среде.

Нужно и то, и другое, они дополняют друг друга. Минификация уменьшает размер до передачи (влияет на кэш CDN и хранимый файл). Сжатие (gzip, Brotli) уменьшает размер при передаче по HTTP. Сервер должен быть настроен на отдачу сжатого HTML. При обоих подходах HTML может стать на 80–85% меньше исходного несжатого файла.

Помимо минификации: удаляйте закомментированный HTML, который больше не используется; избегайте избыточной вложенности div («div soup»); используйте семантические HTML-элементы, которые короче (article, nav, main вместо div class='...'); удаляйте инлайновые атрибуты style (переносите всё во внешний CSS); для SPA рассматривайте серверный рендеринг (SSR) или генерацию статических сайтов (SSG), создающих более чистый HTML.

Производительность HTML: парсинг, TTFB и оптимизация документа

Размер HTML-документа влияет на Time to First Byte (TTFB) и начальное время парсинга браузером. Хотя HTML типичной страницы меньше ресурсов CSS и JS, страницы, генерируемые CMS вроде WordPress или Drupal, могут иметь очень многословный HTML с отладочными комментариями, избыточными классами и ненужной разметкой, легко превышающей 100 КБ на страницу.

Минификация на стороне сервера против минификации во время сборки представляет два разных подхода: минификация во время сборки создаёт уже оптимизированные статические файлы (идеально для статических сайтов, JAMstack, SSG), тогда как серверная минификация (через middleware вроде htmlmin для Python/Flask или плагины Nginx) оптимизирует динамически генерируемый HTML на каждый запрос. Для сайтов с высоким трафиком минификация во время сборки эффективнее, поскольку избегает накладных расходов CPU на каждый запрос.

HTMLMinifier (Дуглас Крокфорд, 2010) был историческим эталоном для минификации HTML. Его преемник, HTMLMinifier-terser (активно поддерживается), поддерживает HTML5, инлайновый SVG и MathML. Бенчмарки показывают уменьшение HTML реальных сайтов на 8–25% в зависимости от многословности шаблонов. Для современных фреймворков плагины вроде vite-plugin-html или встроенный плагин минификации Next.js автоматически интегрируют эту оптимизацию в конвейер сборки.