lobsite! Войти Регистрация

Бесплатные инструменты /

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

Минифицируйте HTML: уберите комментарии и лишние пробелы, включая встроенные CSS и JavaScript. Посмотрите, сколько байт сэкономлено. Бесплатно.

Форматтер HTML →
Минифицировано
Бесплатно, без аккаунта. Сайт работает 6 часов или постоянно, если вы его сохраните.

Как пользоваться

  1. Вставьте HTML, откройте файл .html или начните с примера.
  2. Минифицированный HTML появляется по мере ввода, с размером до и после.
  3. Скопируйте его, скачайте или нажмите Опубликовать эту страницу, чтобы выложить её.

Что он удаляет

  • Комментарии и пробельные символы между тегами (один пробел остаётся там, где он может быть виден между строчными элементами).
  • Атрибуты, которые лишь повторяют значение по умолчанию, например type="text/javascript" у скриптов и type="text/css" у стилей.
  • Длинный doctype, который заменяется на <!doctype html>.
  • Содержимое встроенных <style> и <script> минифицируется как CSS и JavaScript.

<pre> и <textarea> сохраняют свои пробелы, поэтому страница выглядит и работает так же.

Стоит ли оно того?

Большинство хостингов, включая Lobsite, и так сжимают страницы gzip или Brotli по пути в браузер, а это отлично ужимает повторяющиеся пробелы. Предварительная минификация обычно экономит ещё 5–15 %. Сильнее всего это заметно на больших страницах, на страницах с большим количеством встроенного CSS и JavaScript и в HTML писем, где ничего не сжимается.

Частые вопросы

Может ли минификация сломать мою страницу?

Настройки осторожные: пробелы, которые могут быть видны, сохраняются как один пробел, а необязательные закрывающие теги и кавычки атрибутов остаются на месте. Встроенный JavaScript с синтаксической ошибкой остаётся как есть. Проверьте результат в инструменте Просмотр HTML, прежде чем публиковать.

Нужно ли минифицировать вручную при каждой правке?

Для одной страницы здесь это быстро. Для сайта, который вы часто правите, доверьте это инструменту сборки (Vite, Astro и большинство генераторов так и делают), а читаемую версию храните в исходниках.

Какой минификатор используется?

html-minifier-terser, а для встроенного JavaScript — Terser. Он загружается при первой минификации и затем работает в вашем браузере.

Загружается ли мой HTML куда-то?

Нет. Он минифицируется в вашем браузере и отправляется в Lobsite, только если вы нажмёте Опубликовать эту страницу.