Verklein CSS

In dit artikel wil ik het hebben over wat minificatie van HTML- en CSS-code is, waar het voor is en hoe je dit kunt bereiken. Het structureren van de code in blokken, regels, enz. Is noodzakelijk voor het gemak van menselijke leesbaarheid. We nemen dergelijke blokken als een geheel waar, we zien waar de tag opent, waar hij sluit. Voor browsers is dit niet nodig, ze lezen de code opeenvolgend, en onnodige regeleinden, spaties en opmerkingen in de tekst maken het alleen moeilijk om te lezen en verhogen de laadtijd van de pagina. Er zijn dus twee hoofdredenen voor de noodzaak om de code te verkleinen: het verkleinen (gewicht) van de pagina en, als gevolg daarvan, het verhogen van de laadsnelheid. De tweede reden volgt uit de eerste. Dit is een verbetering van gedragsfactoren. Als de site sneller laadt, is er een lager bouncepercentage, groei van het verkeer, toename van zoekresultaten, enz.

Momenteel zijn er een groot aantal webtools voor het optimaliseren van CSS-bestanden. De meesten van hen hebben hun eigen werkalgoritme (er zijn natuurlijk duplicaten). De effectiviteit van de programma's zelf is ook significant verschillend. Bovendien kunnen sommige optimizers CSS-code breken, waarna de stijlen ongeldig worden. Het verkleinen van CSS-bestanden (niet te verwarren met CSS-compressie) houdt in dat onnodige tekens uit het bestand worden verwijderd om de grootte te verkleinen en dus het laden te versnellen. Het verkleinen en comprimeren van CSS-bestanden is niet hetzelfde. Beide methoden zijn echter ontworpen om de laadtijden te verminderen. Het verschil zit hem in hoe ze werken. Compressie wordt gebruikt om de bestandsgrootte te verkleinen met behulp van compressie-algoritmen zoals Gzip of Brotli. De bestanden worden gecomprimeerd voordat ze naar de klant worden verzonden.