lobsite! Inloggen Registreren

Gratis tools /

HTML-minifier

Minificeer HTML door opmerkingen en extra witruimte te verwijderen, ook in inline CSS en JavaScript. Zie hoeveel bytes je bespaart. Gratis, in je browser.

HTML-formatter →
Geminificeerd
Gratis, zonder account. Hij blijft 6 uur online, of voorgoed als je hem houdt.

Zo gebruik je het

  1. Plak je HTML, open een .html-bestand, of begin met het voorbeeld.
  2. De geminificeerde HTML verschijnt terwijl je typt, met de grootte ervoor en erna.
  3. Kopieer hem, download hem, of klik op Deze pagina publiceren om hem online te zetten.

Wat het verwijdert

  • Commentaar, en witruimte tussen tags (één spatie blijft staan waar die tussen inline-elementen zichtbaar kan zijn).
  • Attributen die alleen de standaard herhalen, zoals type="text/javascript" bij scripts en type="text/css" bij styles.
  • Het lange doctype, vervangen door <!doctype html>.
  • De inhoud van inline <style> en <script> wordt geminificeerd als CSS en JavaScript.

<pre> en <textarea> houden hun witruimte, dus de pagina ziet er hetzelfde uit en werkt hetzelfde.

Is het de moeite waard?

De meeste hosts, Lobsite inbegrepen, comprimeren pagina's onderweg naar de browser al met gzip of Brotli, wat herhaalde witruimte heel goed verkleint. Eerst minificeren bespaart meestal nog eens 5 tot 15%. Het telt het meest bij grote pagina's, pagina's met veel inline CSS en JavaScript, en HTML in e-mails, waar niets wordt gecomprimeerd.

Veelgestelde vragen

Kan minificeren mijn pagina kapotmaken?

De instellingen zijn de voorzichtige: witruimte die zichtbaar kan zijn, blijft als één spatie staan, en optionele sluittags en aanhalingstekens rond attributen blijven staan. Inline JavaScript met een syntaxfout blijft zoals het is. Controleer het resultaat in de HTML-viewer voor je het publiceert.

Moet ik bij elke wijziging met de hand minificeren?

Voor één pagina gaat het hier snel. Voor een site die je vaak bewerkt, laat je je buildtool het doen (Vite, Astro en de meeste generatoren doen dat), en houd je de leesbare versie in je broncode.

Welke minifier gebruikt het?

html-minifier-terser, met Terser voor inline JavaScript. Hij laadt de eerste keer dat je minificeert, en draait daarna in je browser.

Wordt mijn HTML geüpload?

Nee. Hij wordt in je browser geminificeerd, en alleen naar Lobsite gestuurd als je op Deze pagina publiceren klikt.