Gratis omformer

HTML Minifier

Reduser og komprimer HTML-kode umiddelbart i nettleseren din. Fjern kommentarer, skjul mellomrom og reduser filstørrelsen. Gratis og privat.

Dra og slipp en HTML-fil her

Støtter .html- og .htm-filer. Eller lim inn HTML-koden ovenfor.

Eller

Om dette verktøyet

HTML-minifisering fjerner unødvendige tegn fra en nettsides kilde – mellomrom mellom tagger, kommentarer, overflødige anførselstegn, valgfrie avsluttende tagger – for å redusere filstørrelsen uten å endre hvordan siden gjengis. Besparelsene er beskjedne per side (vanligvis 10–30 %), men sammensatt på tvers av mange forespørsler, spesielt for statiske nettsteder eller sider som leveres uten dynamisk komprimering.

Denne minifieren fjerner mellomrom mellom blokknivåelementer, kollapser løp med mellomrom inne i ikke-signifikant tekst, fjerner HTML-kommentarer (unntatt IE betingede kommentarer), fjerner overflødige attributt-anførselstegn der det er tillatt av HTML5-spesifikasjonen, og fjerner valgfrie lukkekoder (</p>, </li>) der spesifikasjonen tillater det. Resultatet gjengis identisk med kilden i hver nettleser.

Minifisering er mest nyttig når den er sammenkoblet med gzip- eller Brotli-komprimering på servernivå. Komprimering fjerner allerede mye av besparelsene som minifisering gir, men de to kombinerte slår fortsatt komprimering alene - spesielt for nettsteder med høy trafikk der båndbreddekostnadene betyr noe.

Hvorfor forminske HTML

Mindre HTML lastes raskere, spesielt på tregere tilkoblinger og mobilnettverk. Sidevekt påvirker Core Web Vitals direkte – største innholdsrike maling og Tid til første byte forbedres begge når serveren returnerer mindre HTML for å analysere. For nettsteder der SEO-rangering avhenger av Core Web Vitals-score, er minifisering en målbar forbedring.

Minimert HTML reduserer også båndbreddekostnader i stor skala. Et nettsted som serverer en million sider om dagen med 10 KB besparelser per side sparer 10 GB utgang daglig. Påvirkningsforbindelsene for statiske nettsteder servert fra CDN-er som fakturerer ved dataoverføring.

Slik bruker du det

Lim inn HTML, få den forminskede versjonen.

  1. Legg til HTML-inndata: Lim inn HTML-kilde i inndataområdet eller slipp en HTML-fil. Minifieren godtar alle gyldige HTML5-koder.
  2. Velg alternativer: Standardinnstillinger fjerner kommentarer og skjuler mellomrom; du kan deaktivere individuelle transformasjoner hvis du trenger å bevare spesifikke elementer (f.eks. beholde kommentarer for dokumentasjon).
  3. Forminsk: Minifieren går gjennom HTML-tokenstrømmen, og bruker hver aktiverte transformasjon. Utdata er funksjonelt identisk HTML med redusert størrelse.
  4. Kopier eller last ned: Bruk resultatet som servert HTML. Bekreft at siden gjengis riktig i målnettlesere før du distribuerer.

Vanlige brukstilfeller

Tekniske detaljer

Minifieren behandler HTML-token for token. Mellomrom mellom blokknivåelementer (<div>, <p>, <ul>) fjernes fordi det ikke påvirker gjengivelsen. Mellomrom i innebygde kontekster (<span>, <a>, tekstinnhold) bevares fordi det kan påvirke gjengivelsen.

Kommentarer fjernes som standard, men betingede kommentarer (<!--[if IE]>) er bevart. Attributtanførselstegn fjernes der HTML5-parseren tillater det – attributtverdier med ett ord uten mellomrom eller spesialtegn kan utelate anførselstegn.

Valgfrie avsluttende tagger fjernes i henhold til HTML5-spesifikasjonen: </p>, </li>, </td> og noen få andre kan utelates når de følges av et søsken som antyder at de lukkes. Dette er uvanlig å lese, men gyldig HTML5 som nettlesere analyserer identisk.

Beste praksis

Ofte stilte spørsmål

Hva fjerner HTML-minifisering?
Unødvendig mellomrom mellom tagger, HTML-kommentarer (<!-- -->), valgfrie avsluttende tagger (</li>, </p>, </td>), standard attributtverdier (type="tekst" på innganger), og boolske attributtverdier (disabled="disabled" → deaktivert).
Kan minifisering ødelegge siden min?
Sjelden, men mulig hvis CSS-en din er avhengig av mellomrom mellom innebygde elementer eller hvis JavaScript bruker indreHTML-sammenligninger. Test alltid den forminskede utgangen. Verktøyet bruker konservative innstillinger som standard.
Bør jeg forminske HTML hvis jeg bruker et rammeverk som Next.js?
De fleste moderne rammeverk (Next.js, Nuxt, Angular) forminsker HTML automatisk i produksjonsbygg. Dette verktøyet er nyttig for statiske HTML-filer, e-postmaler og prosjekter uten byggesystem.
Forminsker dette innebygd CSS og JavaScript også?
Dette verktøyet fokuserer på HTML-struktur. Innebygd <stil>- og <skript>-innhold er bevart som det er. For disse, bruk dedikerte CSS- og JavaScript-minifiers for optimale resultater.
Er valgfrie lukkemerker trygge å fjerne?
Ja per HTML5-spesifikasjon, selv om resultatet er vanskeligere å lese. Noen lag deaktiverer denne transformasjonen for klarhetens skyld, og godtar den lille straffen.
Er HTML-koden min lastet opp til en server?
Nei. Minifieren kjører i nettleseren din.
Hvordan er dette sammenlignet med html-minifier-terser?
html-minifier-terser er den kanoniske Node.js HTML-minifier og gir litt mer aggressive resultater. Dette verktøyet dekker de samme transformasjonene for bruk på nettleseren uten byggeoppsett.
Bør jeg forminske alltid eller selektivt?
Alltid for produksjon. Aldri for kildekode i versjonskontroll; lesbar HTML i kildekode er avgjørende for vedlikehold.