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

Поставете HTML, за да премахнете коментарите и излишните интервали и да минифицирате вградения CSS и JavaScript. Съдържанието в <pre> и <textarea> остава точно както е написано.

Работи в браузъраБез регистрацияНищо не се качва

Минифициран резултат

Как да използвате: HTML минификатор

  1. Поставете HTML документ или фрагмент или отворете файл .html.
  2. Изберете какво да се премахне: коментари, интервали и дали вградените блокове <style> и <script> също да се минифицират.
  3. Проверете реда с предупреждения: вграден скрипт със синтактична грешка се оставя непроменен, вместо да развали страницата ви.
  4. Копирайте минифицирания HTML или го изтеглете.

Какво се премахва?

  • Коментари: <!-- … --> се премахва, с изключение на условните коментари на Internet Explorer и коментарите, започващи с <!--!.
  • Интервали между блокови елементи: новите редове и отстъпите между тагове като <div>, <li> или <head> никога не се рендират, затова се премахват напълно.
  • Поредици от интервали в текста: свиват се до един интервал, точно както браузърът ги показва така или иначе.
  • Интервали в таговете: <p class = "a"> става <p class="a">.

Какво се запазва?

На някои места интервалите имат значение и минификаторът ги спазва. Съдържанието на <pre> и <textarea> се запазва байт по байт. Единичен интервал между вградени елементи, като <b>bold</b> text, се запазва, защото премахването му би слепило думите. Стойностите на атрибутите и кавичките никога не се променят.

Вграден CSS и JavaScript

Вградените блокове <style> се оптимизират с CSSO, а вградените <script> блокове — с Terser, същите енджини, които се използват на страниците CSS минификатор и JavaScript минификатор. JSON-LD и другите JSON скрипт блокове се компактират, а скриптове от непознати типове (например шаблони) се оставят непокътнати.

Струва ли си минифицирането на HTML?

При сървърно рендирани страници и статични сайтове HTML документът е първото нещо, което браузърът изтегля, така че всеки спестен байт съкращава времето до първото рендиране. Спестявания от 10–25% преди компресия са често срещани, а при шаблони с много отстъпи и страници с големи вградени скриптове — и повече.

Често задавани въпроси

Ще промени ли минифицирането на HTML как изглежда страницата ми?
Не. Премахват се само интервали, които браузърът така или иначе би свил, а съдържанието на <pre>/<textarea> остава непокътнато. Ако стилизирате елементи с white-space: pre в CSS, изключете Свий празните места.
Минифицира ли вградения JavaScript и CSS?
Да, когато опциите са включени. Ако вграден блок има синтактична грешка, той се оставя непроменен и се показва предупреждение, така че страницата никога не се разваля.
Мога ли да минифицирам шаблони като Handlebars, Jinja или Blade?
Обикновено да, стига шаблонните тагове да са в текст или в стойности на атрибути. Шаблони, които слагат логика в имената на таговете или между атрибутите, може да изискват ръчна проверка.
Изпраща ли се моят HTML някъде?
Не. Всичко се обработва локално в браузъра ви.

Свързани инструменти

CSS минификатор Свива стиловите файлове: съкращава стойности и слива дублирани правила. JavaScript минификатор Компресира и съкращава имената в JS с Terser, със статистика за размера и gzip. HTML Entity кодер / декодер Екранира специалните HTML символи или декодира &entities;. URL кодиране / декодиране Percent кодиране/декодиране на текст и парсване на URL заявки.