HTML minifikátor

Vložte HTML a odstraňte komentáře a nadbytečné bílé znaky a minifikujte vložené CSS a JavaScript. Obsah uvnitř <pre> a <textarea> zůstane přesně tak, jak byl napsán.

Běží v prohlížečiBez registraceNic se neodesílá

Minifikovaný výstup

Jak používat: HTML minifikátor

  1. Vložte dokument nebo fragment HTML, nebo otevřete soubor .html.
  2. Zvolte, co odstranit: komentáře, bílé znaky a zda se mají minifikovat i vložené bloky <style> a <script>.
  3. Zkontrolujte řádek s varováními: vložený skript se syntaktickou chybou zůstane beze změny, místo aby rozbil stránku.
  4. Zkopírujte minifikované HTML nebo ho stáhněte.

Co se odstraňuje?

  • Komentáře: <!-- … --> se odstraní, kromě podmíněných komentářů Internet Exploreru a komentářů začínajících <!--!.
  • Bílé znaky mezi blokovými elementy: nové řádky a odsazení mezi tagy jako <div>, <li> nebo <head> se nikdy nevykreslují, takže se zcela odstraní.
  • Řady mezer v textu: sloučí se do jediné mezery, přesně tak, jak je prohlížeč stejně vykreslí.
  • Bílé znaky uvnitř tagů: <p class = "a"> se změní na <p class="a">.

Co se zachovává?

Na některých místech jsou bílé znaky významné a minifikátor to respektuje. Obsah <pre> a <textarea> se zachová bajt po bajtu. Jedna mezera mezi inline elementy, například <b>bold</b> text, zůstane, protože jejím odstraněním by se slova spojila. Hodnoty atributů a uvozovky se nikdy nemění.

Vložené CSS a JavaScript

Vložené bloky <style> se optimalizují pomocí CSSO a vložené bloky <script> pomocí Terseru, tedy stejnými enginy, jaké používají stránky CSS minifikátoru a JavaScript minifikátoru. JSON-LD a další bloky skriptů JSON se zkompaktní a skripty neznámých typů (například šablony) zůstanou netknuté.

Vyplatí se minifikace HTML?

U stránek vykreslovaných na serveru a statických webů je HTML dokument první věcí, kterou prohlížeč stahuje, takže každý ušetřený bajt zkracuje čas do prvního vykreslení. Úspory 10–25 % před kompresí jsou běžné, u silně odsazených šablon a stránek s velkými vloženými skripty ještě vyšší.

Časté dotazy

Změní minifikace HTML vzhled mé stránky?
Ne. Odstraní se jen bílé znaky, které by prohlížeč stejně sloučil, a obsah <pre>/<textarea> zůstane netknutý. Pokud stylujete elementy pomocí white-space: pre v CSS, vypněte Sloučit bílé znaky.
Minifikuje vložený JavaScript a CSS?
Ano, když jsou volby zapnuté. Pokud má vložený blok syntaktickou chybu, ponechá se beze změny a zobrazí se varování, takže se stránka nikdy nerozbije.
Mohu minifikovat soubory šablon jako Handlebars, Jinja nebo Blade?
Obvykle ano, pokud se tagy šablon vyskytují v textu nebo v hodnotách atributů. Šablony, které vkládají logiku do názvů tagů nebo mezi atributy, mohou vyžadovat ruční kontrolu.
Odesílá se moje HTML někam?
Ne. Vše se zpracovává lokálně ve vašem prohlížeči.

Související nástroje

CSS minifikátor Zmenšete stylopisy: zkraťte hodnoty a slučte duplicitní pravidla. JavaScript minifikátor Komprimujte a zkracujte JS pomocí Terseru, se statistikami velikosti a gzipu. Kodér / dekodér HTML entit Escapujte speciální znaky HTML nebo dekódujte &entity;. URL kódování / dekódování Procentové kódování URL a parsování query stringů.