Minificatie
Ook wel minify
Wat betekent minificatie?
Minificatie (ook wel minify) is het verkleinen van websitecodebestanden zoals CSS, JavaScript en HTML. Overbodige spaties, regeleinden en opmerkingen worden weggehaald, zodat de bestanden kleiner zijn maar precies hetzelfde blijven werken.
Veelgestelde vragen over minificatie
Hoe zet ik minificatie aan in WordPress?
Je zet minificatie het makkelijkst aan met een caching-plugin, bijvoorbeeld WP Rocket:
- Open in WP Rocket het tabblad Bestandsoptimalisatie.
- Vink het verkleinen van CSS-bestanden aan en sla op.
- Bekijk je site in een privévenster en klik een paar pagina's door.
- Werkt alles, zet dan ook het verkleinen van JavaScript-bestanden aan en test opnieuw.
Draait je hosting op een LiteSpeed-server, dan kun je ook het gratis LiteSpeed Cache gebruiken. Daar vind je deze opties onder Paginaoptimalisatie. Gebruik één plugin voor minificatie, anders zitten ze elkaar in de weg.
Mijn website is kapot na minify, wat moet ik doen?
Zet eerst de laatst ingeschakelde optie weer uit en leeg de cache. Meestal is JavaScript de boosdoener: een menu dat niet openklapt of een slider die stilstaat. Ga daarna zo te werk:
- Zet CSS en JavaScript één voor één aan, zodat je ziet welke het probleem geeft.
- Zoek uit welk bestand niet goed gaat, vaak van een thema of plugin.
- Sluit dat bestand uit via het uitsluitingsveld in je caching-plugin.
- Leeg de cache en test opnieuw in een privévenster.
Maak voor je begint een back-up, bijvoorbeeld met UpdraftPlus.
Hoe meet ik of minificatie mijn site sneller maakt?
Meet vóór en na het aanzetten met PageSpeed Insights van Google. Zo pak je het aan:
- Test een paar belangrijke pagina's, zoals je homepage en een dienstenpagina.
- Noteer de score en kijk bij de adviezen naar CSS verkleinen en JavaScript verkleinen.
- Zet minificatie aan, leeg de cache en test dezelfde pagina's opnieuw.
- Verdwijnen die adviezen, dan doet minificatie zijn werk.
Test elke pagina een paar keer, want scores schommelen per meting. Met GTmetrix zie je daarnaast per bestand hoe groot het is.
Heeft minificatie zin als mijn server al Gzip gebruikt?
Ja, de twee vullen elkaar aan. Gzip en Brotli zijn vormen van compressie: de server pakt bestanden in tijdens het versturen, ongeveer zoals een zip-bestand, en de browser pakt ze weer uit. Minificatie haalt overbodige tekens zoals spaties en opmerkingen definitief uit de code. Een geminificeerd bestand dat daarna gecomprimeerd wordt, is meestal nog wat kleiner dan alleen een gecomprimeerd bestand. Of je hosting compressie aanzet, zie je in PageSpeed Insights of vraag je na bij je hostingpartij. Veel caching-plugins kunnen het ook voor je regelen.
Waarom merk ik bijna niets van minificatie?
Omdat minificatie meestal maar een klein deel van de laadtijd scheelt. Een veelgemaakte denkfout is dat het je trage site ineens snel maakt. De grootste winst zit vaak ergens anders:
- Grote afbeeldingen, die je verkleint met bijvoorbeeld ShortPixel.
- Te veel plugins of een zwaar thema die veel code laden.
- Trage hosting.
- Geen paginacaching.
Zie minificatie als één van de stappen in je snelheidsaanpak. Hoeveel het oplevert, hangt af van hoeveel en hoe grote CSS- en JavaScript-bestanden je site laadt.
