Gratis converter

HTML Verkleiner

Verklein en comprimeer HTML-code direct in uw browser. Verwijder opmerkingen, vouw witruimte samen en verklein de bestandsgrootte. Gratis en privé.

Sleep hier een HTML-bestand

Ondersteunt .html- en .htm-bestanden. Of plak uw HTML hierboven.

Of

Over deze tool

HTML-minificatie verwijdert onnodige tekens uit de bron van een webpagina (spatie tussen tags, opmerkingen, overbodige aanhalingstekens, optionele sluitingstags) om de bestandsgrootte te verkleinen zonder de weergave van de pagina te veranderen. De besparingen zijn bescheiden per pagina (doorgaans 10-30%), maar lopen op bij veel verzoeken, vooral voor statische sites of pagina's die worden weergegeven zonder dynamische compressie.

Deze verkleiner verwijdert witruimte tussen elementen op blokniveau, vouwt witruimte binnen niet-significante tekst samen, verwijdert HTML-opmerkingen (behalve voorwaardelijke opmerkingen van IE), verwijdert overbodige attribuutaanhalingstekens waar toegestaan ​​door de HTML5-specificatie, en verwijdert optionele afsluitende tags (</p>, </li>) waar de specificatie dit toestaat. Het resultaat wordt in elke browser identiek weergegeven als de bron.

Minificatie is het nuttigst in combinatie met gzip- of Brotli-compressie op serverniveau. Compressie neemt al een groot deel van de besparingen weg die minificatie oplevert, maar de twee gecombineerd zijn nog steeds beter dan compressie alleen – vooral voor sites met veel verkeer waar de bandbreedtekosten ertoe doen.

Waarom HTML verkleinen

Kleinere HTML laadt sneller, vooral op langzamere verbindingen en mobiele netwerken. Het paginagewicht heeft rechtstreeks invloed op de kernwaarden van het web: Grootste inhoudsvolle verf en Tijd tot eerste byte verbeteren beide wanneer de server minder HTML retourneert om te parseren. Voor sites waar de SEO-ranking afhankelijk is van Core Web Vitals-scores, is minificatie een meetbare verbetering.

Geminimaliseerde HTML verlaagt ook de bandbreedtekosten op schaal. Een site die een miljoen pagina's per dag weergeeft met een besparing van 10 KB per pagina, bespaart dagelijks 10 GB aan uitgaand verkeer. De impactverbindingen voor statische sites worden geleverd door CDN's die factureren via gegevensoverdracht.

Hoe te gebruiken

Plak HTML, download de verkleinde versie.

  1. Voeg HTML-invoer toe: Plak de HTML-bron in het invoergebied of plaats een .html-bestand. De minifier accepteert elke geldige HTML5-opmaak.
  2. Kies opties: Standaardwaarden verwijderen opmerkingen en vouwen witruimte samen; u kunt individuele transformaties uitschakelen als u specifieke elementen wilt behouden (bijvoorbeeld opmerkingen voor documentatie bewaren).
  3. Verkleinen: De minifier doorloopt de HTML-tokenstroom en past elke ingeschakelde transformatie toe. De uitvoer is functioneel identieke HTML met een kleinere omvang.
  4. Kopiëren of downloaden: Gebruik het resultaat als de weergegeven HTML. Controleer of de pagina correct wordt weergegeven in doelbrowsers voordat u deze implementeert.

Veelvoorkomende gebruiksscenario's

Technische details

De minifier verwerkt HTML-token voor token. Witruimte tussen elementen op blokniveau (<div>, <p>, <ul>) wordt verwijderd omdat dit de weergave niet beïnvloedt. Witruimte binnen inline-contexten (<span>, <a>, tekstinhoud) blijft behouden omdat dit de weergave kan beïnvloeden.

Opmerkingen worden standaard verwijderd, maar voorwaardelijke opmerkingen (<!--[if IE]>) blijven behouden. Attribuutaanhalingstekens worden verwijderd waar de HTML5-parser dit toestaat; attribuutwaarden van één woord zonder spaties of speciale tekens kunnen aanhalingstekens weglaten.

Optionele afsluittags worden weggelaten volgens de HTML5-specificatie: </p>, </li>, </td>, en een paar andere kunnen worden weggelaten wanneer ze worden gevolgd door een broer of zus die hun afsluiting impliceert. Dit is ongebruikelijk om te lezen, maar geldige HTML5 die browsers op dezelfde manier parseren.

Beste praktijken

Veelgestelde vragen

Wat wordt door HTML-minificatie verwijderd?
Onnodige witruimte tussen tags, HTML-opmerkingen (<!-- -->), optionele afsluitende tags (</li>, </p>, </td>), standaard attribuutwaarden (type="text" bij invoer) en booleaanse attribuutwaarden (disabled="disabled" → uitgeschakeld).
Kan minificatie mijn pagina kapot maken?
Zelden, maar mogelijk als uw CSS afhankelijk is van witruimte tussen inline-elementen of als JavaScript innerHTML-vergelijkingen gebruikt. Test altijd de verkleinde uitvoer. De tool gebruikt standaard conservatieve instellingen.
Moet ik HTML verkleinen als ik een raamwerk zoals Next.js gebruik?
De meeste moderne frameworks (Next.js, Nuxt, Angular) verkleinen HTML automatisch in productiebuilds. Deze tool is handig voor statische HTML-bestanden, e-mailsjablonen en projecten zonder bouwsysteem.
Verkleint dit ook de inline CSS en JavaScript?
Deze tool richt zich op de HTML-structuur. Inline <style>- en <script>-inhoud blijft behouden zoals deze is. Gebruik daarvoor speciale CSS- en JavaScript-minifiers voor optimale resultaten.
Zijn optionele sluittags veilig te verwijderen?
Ja volgens HTML5-specificatie, hoewel het resultaat moeilijker te lezen is. Sommige teams schakelen deze transformatie voor de duidelijkheid uit en accepteren een lichte boete voor de grootte.
Wordt mijn HTML naar een server geüpload?
Nee. De minifier werkt in uw browser.
Hoe verhoudt dit zich tot html-minifier-terser?
html-minifier-terser is de canonieke Node.js HTML-minifier en levert iets agressievere resultaten op. Deze tool omvat dezelfde transformaties voor gebruik aan de browserzijde zonder een build-installatie.
Moet ik altijd of selectief verkleinen?
Altijd voor productie. Nooit voor broncode in versiebeheer; leesbare HTML in de broncode is essentieel voor onderhoud.