Minification

Minification, in het Nederlands minificatie, is het verkleinen van HTML-, CSS- en JavaScript-bestanden door alles weg te halen wat de browser niet nodig heeft. Denk aan spaties, regeleinden en commentaar die er alleen voor de leesbaarheid in staan. De code doet daarna precies hetzelfde, maar het bestand is kleiner.

Een minifier gaat vaak verder dan witruimte alleen. Bij JavaScript vervangt hij lange namen van variabelen door korte en haalt hij ongebruikte code weg. Zo wordt function berekenTotaal(prijs, aantal) bijvoorbeeld function berekenTotaal(a,b). Het resultaat is voor mensen bijna onleesbaar. Daarom laat je een tool als Terser dit meestal automatisch doen bij het bouwen van je site, en bewaar je zelf de leesbare versie.

Minification en compressie vullen elkaar aan. De bibliotheek jQuery 3.7.1 is als leesbaar bestand 285 kB groot en geminificeerd 88 kB. Met gzip erbij gaat de geminificeerde versie als ongeveer 30 kB over de lijn, terwijl de leesbare versie ingepakt nog 83 kB is. Lighthouse en PageSpeed Insights waarschuwen als je CSS of JavaScript niet geminificeerd is.

Op je hosting regelt LiteSpeed Cache voor WordPress dit met de opties CSS Minify, JS Minify en HTML Minify onder Page Optimization. Die staan standaard uit. Zet ze één voor één aan, leeg daarna de cache met Purge All en controleer of je site er nog goed uitziet. Verschuift de opmaak of werkt een menu niet meer, zet dan de laatst gekozen optie weer uit.