Gratis konverter

HTML Minifier

Formindsk og komprimer HTML-kode øjeblikkeligt i din browser. Fjern kommentarer, skjul mellemrum, og reducer filstørrelsen. Gratis og privat.

Træk og slip en HTML-fil her

Understøtter .html- og .htm-filer. Eller indsæt din HTML ovenfor.

Eller

Om dette værktøj

HTML-minifikation fjerner unødvendige tegn fra en websides kilde – mellemrum mellem tags, kommentarer, overflødige citater, valgfri lukketags – for at reducere filstørrelsen uden at ændre, hvordan siden gengives. Besparelserne er beskedne pr. side (typisk 10-30%), men sammensat på tværs af mange anmodninger, især for statiske websteder eller sider, der serveres uden dynamisk komprimering.

Denne minifier fjerner mellemrum mellem elementer på blokniveau, skjuler kørsler af mellemrum inde i ikke-signifikant tekst, fjerner HTML-kommentarer (undtagen IE betingede kommentarer), fjerner overflødige attributanførselstegn, hvor det er tilladt af HTML5-specifikationen, og fjerner valgfrie lukketags (</p>, </li>), hvor specifikationen tillader det. Resultatet gengives identisk med kilden i hver browser.

Formindskelse er mest nyttig, når den er parret med gzip eller Brotli-komprimering på serverniveau. Komprimering fjerner allerede en stor del af de besparelser, som minificeringen giver, men de to kombinerede slår stadig komprimering alene - især for højtrafikerede websteder, hvor båndbreddeomkostninger betyder noget.

Hvorfor formindske HTML

Mindre HTML indlæses hurtigere, især på langsommere forbindelser og mobilnetværk. Sidevægt påvirker direkte Core Web Vitals — Største indholdsfulde maling og Tid til første byte forbedres begge, når serveren returnerer mindre HTML til at parse. For websteder, hvor SEO-rangering afhænger af Core Web Vitals-resultater, er minifikation en målbar forbedring.

Minificeret HTML reducerer også båndbreddeomkostninger i stor skala. Et websted, der serverer en million sider om dagen med en besparelse på 10 KB pr. side, sparer 10 GB udgang dagligt. Påvirkningsforbindelserne til statiske steder serveret fra CDN'er, der fakturerer ved dataoverførsel.

Sådan bruger du det

Indsæt HTML, få den formindskede version.

  1. Tilføj HTML-input: Indsæt HTML-kilde i inputområdet, eller slip en .html-fil. Miniifieren accepterer enhver gyldig HTML5-markering.
  2. Vælg muligheder: Standardindstillinger fjerner kommentarer og skjuler mellemrum; du kan deaktivere individuelle transformationer, hvis du har brug for at bevare specifikke elementer (f.eks. gem kommentarer til dokumentation).
  3. Formindsk: Minifieren leder HTML-tokenstrømmen og anvender hver aktiveret transformation. Output er funktionelt identisk HTML med reduceret størrelse.
  4. Kopiér eller download: Brug resultatet som den serverede HTML. Bekræft, at siden gengives korrekt i målbrowsere før implementering.

Almindelige anvendelsestilfælde

Tekniske detaljer

Minifieren behandler HTML-token for token. Mellemrum mellem elementer på blokniveau (<div>, <p>, <ul>) fjernes, fordi det ikke påvirker gengivelsen. Whitespace i inline-kontekster (<span>, <a>, tekstindhold) bevares, fordi det kan påvirke gengivelsen.

Kommentarer fjernes som standard, men betingede kommentarer (<!--[if IE]>) bevares. Attributanførselstegn fjernes, hvor HTML5-parseren tillader det - enkeltords attributværdier uden mellemrum eller specialtegn kan udelade anførselstegn.

Valgfrie afsluttende tags fjernes i henhold til HTML5-specifikationen: </p>, </li>, </td>, og nogle få andre kan udelades, når de efterfølges af en søskende, hvilket betyder, at de lukker. Dette er usædvanligt at læse, men gyldig HTML5, som browsere parser identisk.

Bedste praksis

Ofte stillede spørgsmål

Hvad fjerner HTML-minifikation?
Unødvendig mellemrum mellem tags, HTML-kommentarer (<!-- -->), valgfrie afsluttende tags (</li>, </p>, </td>), standard attributværdier (type="text" på input) og booleske attributværdier (disabled="disabled" → deaktiveret).
Kan minifikation ødelægge min side?
Sjældent, men muligt, hvis din CSS er afhængig af mellemrum mellem inline-elementer, eller hvis JavaScript bruger indreHTML-sammenligninger. Test altid det formindskede output. Værktøjet bruger konservative indstillinger som standard.
Skal jeg formindske HTML, hvis jeg bruger et framework som Next.js?
De fleste moderne frameworks (Next.js, Nuxt, Angular) formindsker HTML automatisk i produktionsbuilds. Dette værktøj er nyttigt til statiske HTML-filer, e-mail-skabeloner og projekter uden et byggesystem.
Formindsker dette inline CSS og JavaScript også?
Dette værktøj fokuserer på HTML-struktur. Inline <stil> og <script> indhold bevares som det er. For dem skal du bruge dedikerede CSS- og JavaScript-minifiers for at få optimale resultater.
Er valgfrie lukkemærker sikre at fjerne?
Ja ifølge HTML5-specifikation, selvom resultatet er sværere at læse. Nogle hold deaktiverer denne transformation for klarhedens skyld og accepterer den lille størrelsesstraf.
Er min HTML uploadet til en server?
Nej. Minifieren kører i din browser.
Hvordan er dette sammenlignet med html-minifier-terser?
html-minifier-terser er den kanoniske Node.js HTML-minifier og producerer lidt mere aggressive resultater. Dette værktøj dækker de samme transformationer til browser-sidebrug uden en build-opsætning.
Skal jeg minificere altid eller selektivt?
Altid til produktion. Aldrig for kildekode i versionskontrol; læsbar HTML i kilden er afgørende for vedligeholdelse.