HTML Minifier

Indsæt HTML for at fjerne kommentarer og overflødige mellemrum og minificere inline CSS og JavaScript. Indhold i <pre> og <textarea> bevares præcis som skrevet.

Kører i din browserIngen tilmeldingIntet uploades

Minificeret resultat

Sådan bruger du HTML Minifier

  1. Indsæt et HTML-dokument eller -fragment, eller åbn en .html-fil.
  2. Vælg, hvad der skal fjernes: kommentarer, mellemrum, og om inline <style>- og <script>-blokke også skal minificeres.
  3. Tjek advarselslinjen: et inline script med en syntaksfejl bevares uændret i stedet for at ødelægge din side.
  4. Kopiér den minificerede HTML, eller download den.

Hvad bliver fjernet?

  • Kommentarer: <!-- … --> fjernes, undtagen betingede kommentarer til Internet Explorer og kommentarer, der starter med <!--!.
  • Mellemrum mellem blokelementer: linjeskift og indrykning mellem tags som <div>, <li> eller <head> vises aldrig, så de fjernes helt.
  • Flere mellemrum i tekst: de sammenfoldes til ét mellemrum, præcis som browseren alligevel viser dem.
  • Mellemrum inde i tags: <p class = "a"> bliver til <p class="a">.

Hvad bevares?

Mellemrum har betydning nogle steder, og minifieren respekterer dem. Indholdet af <pre> og <textarea> bevares byte for byte. Et enkelt mellemrum mellem inline-elementer, som <b>bold</b> text, bevares, fordi ordene ellers ville blive sat sammen. Attributværdier og anførselstegn ændres aldrig.

Inline CSS og JavaScript

Inline <style>-blokke optimeres med CSSO og inline <script>-blokke med Terser, de samme motorer som på siderne CSS Minifier og JavaScript Minifier. JSON-LD og andre JSON-scriptblokke komprimeres, og scripts af ukendte typer (f.eks. skabeloner) lades urørt.

Kan HTML-minificering betale sig?

For server-renderede sider og statiske sites er HTML-dokumentet det første, browseren downloader, så hver sparet byte forkorter tiden til første visning. Besparelser på 10–25 % før komprimering er almindelige, mere for kraftigt indrykkede skabeloner og sider med store inline scripts.

Ofte stillede spørgsmål

Ændrer HTML-minificering, hvordan min side ser ud?
Nej. Kun mellemrum, som browseren alligevel ville sammenfolde, fjernes, og indhold i <pre>/<textarea> røres ikke. Hvis du styler elementer med white-space: pre i CSS, så slå Sammenfold mellemrum fra.
Minificerer den inline JavaScript og CSS?
Ja, når indstillingerne er slået til. Hvis en inline blok har en syntaksfejl, bevares den uændret, og der vises en advarsel, så siden aldrig går i stykker.
Kan jeg minificere skabelonfiler som Handlebars, Jinja eller Blade?
Som regel ja, så længe skabelontags står i tekst eller attributværdier. Skabeloner, der lægger logik i tagnavne eller mellem attributter, kan kræve et manuelt tjek.
Bliver min HTML sendt nogen steder hen?
Nej. Alt behandles lokalt i din browser.

Relaterede værktøjer

CSS Minifier Gør stylesheets mindre: forkort værdier og flet dublerede regler. JavaScript Minifier Komprimér og forkort JS med Terser, med størrelse og gzip-tal. HTML-entitetskoder / -dekoder Escape HTML-specialtegn, eller afkod &entities;. URL Encode / Decode Procentkod/afkod tekst, og parse URL-query-strenge.