Minificator HTML

Lipește HTML pentru a elimina comentariile și spațiile albe inutile și a minifica CSS-ul și JavaScript-ul inline. Conținutul din <pre> și <textarea> rămâne exact cum a fost scris.

Rulează în browserFără înregistrareNimic nu este încărcat

Rezultat minificat

Cum se folosește: Minificator HTML

  1. Lipește un document sau fragment HTML ori deschide un fișier .html.
  2. Alege ce să elimini: comentariile, spațiile albe și dacă blocurile inline <style> și <script> să fie și ele minificate.
  3. Verifică linia de avertismente: un script inline cu eroare de sintaxă este păstrat neschimbat, în loc să-ți strice pagina.
  4. Copiază HTML-ul minificat sau descarcă-l.

Ce se elimină?

  • Comentariile: <!-- … --> este eliminat, cu excepția comentariilor condiționale Internet Explorer și a comentariilor care încep cu <!--!.
  • Spațiile albe dintre elementele bloc: liniile noi și indentarea dintre tag-uri precum <div>, <li> sau <head> nu sunt niciodată randate, așa că sunt eliminate complet.
  • Șirurile de spații din text: sunt comprimate într-un singur spațiu, exact cum le randează oricum browserul.
  • Spațiile albe din interiorul tag-urilor: <p class = "a"> devine <p class="a">.

Ce se păstrează?

Spațiile albe sunt semnificative în unele locuri, iar minificatorul le respectă. Conținutul din <pre> și <textarea> este păstrat octet cu octet. Un singur spațiu între elemente inline, precum <b>bold</b> text, este păstrat, pentru că eliminarea lui ar lipi cuvintele. Valorile atributelor și ghilimelele nu sunt niciodată modificate.

CSS și JavaScript inline

Blocurile inline <style> sunt optimizate cu CSSO, iar blocurile inline <script> cu Terser, aceleași motoare folosite în paginile minificatorului CSS și minificatorului JavaScript. Blocurile JSON-LD și alte blocuri de script JSON sunt compactate, iar scripturile de tipuri necunoscute (de exemplu șabloane) sunt lăsate neatinse.

Merită minificarea HTML?

Pentru paginile randate pe server și site-urile statice, documentul HTML este primul lucru pe care îl descarcă browserul, așa că fiecare octet economisit scurtează timpul până la prima randare. Economiile de 10–25% înainte de compresie sunt obișnuite, mai mari pentru șabloane puternic indentate și pagini cu scripturi inline mari.

Întrebări frecvente

Minificarea HTML va schimba aspectul paginii mele?
Nu. Sunt eliminate doar spațiile albe pe care browserul le-ar comprima oricum, iar conținutul <pre>/<textarea> rămâne neatins. Dacă stilizezi elemente cu white-space: pre în CSS, dezactivează Comprimă spațiile albe.
Minifică JavaScript-ul și CSS-ul inline?
Da, când opțiunile sunt activate. Dacă un bloc inline are o eroare de sintaxă, este păstrat neschimbat și se afișează un avertisment, așa că pagina nu se strică niciodată.
Pot minifica fișiere șablon precum Handlebars, Jinja sau Blade?
De obicei da, atât timp cât tag-urile de șablon apar în text sau în valorile atributelor. Șabloanele care pun logică în numele tag-urilor sau între atribute pot necesita o verificare manuală.
Este HTML-ul meu trimis undeva?
Nu. Totul este procesat local, în browser.

Instrumente similare

Minificator CSS Micșorează foile de stil: scurtează valorile și combină regulile duplicate. Minificator JavaScript Comprimă și scurtează JS cu Terser, cu statistici de dimensiune și gzip. Codificator / decodificator entități HTML Escapează caracterele speciale HTML sau decodifică &entități;. Codificare / decodificare URL Codificare/decodificare procentuală și parsare de query string.