HTML Minifier — Мінімізатор HTML
Мінімізуйте HTML у браузері за допомогою html-minifier-terser: згортайте пробіли, видаляйте коментарі, мінімізуйте вбудований CSS і JavaScript та порівнюйте розміри файлів.
🔒 Працює повністю у вашому браузері — нічого не завантажуєтьсяЯк працює мінімізація HTML
Мінімізація HTML видаляє все, що браузеру не потрібно для відображення сторінки: відступи та розриви рядків між тегами, коментарі, надлишкові значення атрибутів і атрибути за замовчуванням. Цей інструмент використовує html-minifier-terser, який розбирає вашу розмітку на теги й текст, застосовує вибрані оптимізації та записує її знову. Collapse whitespace об'єднує послідовності пробілів і видаляє пробіли між блочними елементами, зберігаючи одинарні пробіли, що розділяють рядковий текст. Вміст <pre> і <textarea> залишається недоторканим, оскільки там пробіли мають значення. Remove comments прибирає нотатки розробників, а вбудовані мінімізатори стискають вбудовані блоки <style> і <script> за допомогою clean-css і Terser.
Індикатори розміру показують розмір вхідних і вихідних даних у байтах UTF-8 та відсоток економії. Шаблони, написані вручну з великими відступами, часто зменшуються на 15–30%, а ще більше — якщо містять великі вбудовані скрипти чи стилі. Сервери зазвичай додатково стискають HTML за допомогою gzip або Brotli, тож економія трафіку менша за «сире» число, але менший документ усе одно розбирається швидше, а критичний вбудований код залишається компактним.
Вибір правильних параметрів
Remove redundant attributes — це набір безпечних очищень: він скорочує булеві атрибути, як-от disabled="disabled", до disabled, видаляє значення за замовчуванням, наприклад type="text" у полях input і type="text/javascript" у скриптах, прибирає порожні атрибути та замінює довгі застарілі doctype на <!doctype html>. Remove optional tags пропускає закривальні теги, як-от </li>, </p> і </body>, які специфікація HTML дозволяє браузерам визначати самостійно. Remove attribute quotes прибирає лапки навколо значень, яким вони не потрібні. Обидва параметри дають коректний HTML, але можуть здивувати інші інструменти, що читають вашу розмітку, тому за замовчуванням вони вимкнені.
Приватність за задумом
Мінімізатор завантажується на вимогу та працює локально, тож ваші шаблони, розмітка листів і цільові сторінки ніколи не завантажуються на сервер. Це зручно для разових завдань, як-от стиснути HTML-лист, фрагмент для вбудовування чи статичну сторінку перед вставкою в CMS. Якщо парсер повідомляє про помилку, перевірте вхідні дані на незакриті теги або зайві кутові дужки. Для робочих сайтів залишайте мінімізацію в конвеєрі збірки, щоб результат був відтворюваним.
Як користуватися
- Додайте розміткуВставте HTML у поле введення або перетягніть файл .html у зону перетягування.
- Виберіть параметриУвімкніть або вимкніть згортання пробілів, видалення коментарів, мінімізацію вбудованих CSS і JS та агресивніші очищення.
- МінімізуйтеНатисніть Minify HTML, щоб побачити результат із розміром до, після та відсотком економії.
- Скопіюйте або завантажтеСкопіюйте мінімізований HTML або завантажте його як файл .min.html.