Minificatie

In de informatica is minificatie het proces waarbij onnodige elementen worden verwijderd en code wordt herschreven om de bestandsgrootte te verkleinen. Dit wordt meestal gedaan voor bronnen van webpagina's, zoals HTML-, CSS- en JavaScript-bestanden. Door de grootte van webbronnen te verkleinen, kunnen de bestanden sneller worden overgedragen, waardoor webpagina's sneller worden geladen.

Er zijn verschillende manieren om gegevens te minificeren. De eenvoudigste manier is het verwijderen van opmerkingen, onnodige spaties en regeleinden (newline-tekens). Hoewel opmerkingen en witruimte de code beter leesbaar maken, worden ze door de browser genegeerd. Daarom kunnen deze elementen veilig worden verwijderd voordat de code wordt gepubliceerd. Een andere methode is het beperken van de code die voor elke instructie nodig is. In CSS wordt dit vaak bereikt door uitgebreide CSS om te zetten in verkorte CSS. Een margin-definitie kan bijvoorbeeld zeven regels beslaan in uitgebreide vorm, maar slechts één regel in verkorte vorm. In JavaScript kunnen lange namen van variabelen worden vervangen door kortere namen, vaak bestaande uit één teken.

Hieronder staat een voorbeeld van CSS-code vóór en na minificatie. Let erop hoe de opmerkingen, spaties, regeleinden en overbodige puntkomma's zijn verwijderd. De code is ook omgezet van uitgebreide CSS naar verkorte CSS.

Standaard CSS-code

img.left   /* float left 400px image */
{
    float: left;
    max-width: 400px;
    margin-top: 8px;
    margin-right: 30px;
    margin-bottom: 12px;
    margin-left: 0px;
}

Geminificeerde CSS-code

img.left{float:left;max-width:400px;margin:8px 30px 12px 0}

Geavanceerde algoritmen voor minificatie kunnen de bestandsgrootte nog verder verkleinen. Een CSS-minifier kan bijvoorbeeld dubbele regels in een CSS-bestand vinden en verwijderen. Ook kan deze vergelijkbare CSS-definities combineren tot één instructie. Een JS-minifier kan JavaScript-functies zelfs herschrijven om ze efficiënter te maken.

Het minificeren van code bespaart vaak maar een paar kilobytes. Een standaard CSS-bestand kan bijvoorbeeld 50 KB groot zijn, terwijl de geminificeerde versie 40 KB groot kan zijn. Bij het verbeteren van de laadsnelheid van een pagina telt echter elke kilobyte. Het doel van een goede minifier is om de bestandsgrootte zo veel mogelijk te verkleinen, zonder invloed op de manier waarop de code wordt geparseerd of verwerkt. Welke minifier ook wordt gebruikt, ontwikkelaars bewaren meestal een niet-geminificeerde versie van de code om deze later te kunnen bewerken.

Minificatie versus compressie

Hoewel minificatie en bestandscompressie beide de bestandsgrootte verkleinen, zijn ze niet hetzelfde. Bij minificatie wordt de tekst eenvoudig aangepast, terwijl bestandscompressie de binaire code in een bestand volledig herschrijft. Een gecomprimeerd bestand moet door een hulpprogramma voor bestandsdecompressie worden gedecomprimeerd om als tekstbestand te kunnen worden gelezen. Veel websites gebruiken een combinatie van minificatie en "gzip"-bestandscompressie om de grootte van webbronnen zo veel mogelijk te verkleinen.