Webpagina aan het optimaliseren? Wat betekent de melding “Minify CSS, HTML of JavaScript” en hoe los je dit op?

Om te begrijpen wat minification is kunnen we het beste even een klein stukje code als voorbeeld nemen. Wij programmeurs proberen code te schrijven die ook leesbaar is voor andere programmeurs. Dit is wel zo handig als je met meerdere mensen werkt aan een stuk software, of als je wilt dat iemand in de toekomst veranderingen kan aanbrengen aan jouw stuk code.

Neem onderstaand stukje Javascript als voorbeeld.

var array = [];
for (var i = 0; i < 20; i++) {
array[i] = i;
}

Hier staat precies hetzelfde als onderstaand stukje code, maar dit is “minified” code.

for(var a=[i=0];++i<20;a[i]=i);

Je ziet dat dit een stuk korter is. In de praktijk betekent minification dat overbodige tekens als enters en spaties, die het voor ons mensen een stuk leesbaarder maken, worden weggelaten. Een computer ziet namelijk geen verschil.