Förminska CSS

I den här artikeln vill jag prata om vad minifiering av HTML- och CSS-kod är, vad den är till för och hur man gör det. Att strukturera koden i block, rader etc. är nödvändig för att underlätta för människan. Vi uppfattar sådana block som en helhet, vi ser var taggen öppnas, var den stängs. För webbläsare är detta inte nödvändigt, de läser koden sekventiellt, och onödiga radbrytningar, mellanslag, kommentarer i texten gör det bara svårt att läsa och ökar sidans laddningstid. Det finns alltså två huvudsakliga orsaker till behovet av att minifiera koden: Minska sidans storlek (vikt) och som en följd därav öka laddningshastigheten. Den andra anledningen följer av den första. Detta är en förbättring av beteendefaktorer. Om webbplatsen laddas snabbare blir det lägre studsfrekvens, trafiktillväxt, ökning av sökresultat etc.

För närvarande finns det ett stort antal webbverktyg för att optimera CSS-filer. De flesta av dem har sin egen arbetsalgoritm (det finns naturligtvis dubbletter). Själva programmens effektivitet är också väsentligt annorlunda. Dessutom kan vissa optimerare bryta CSS-kod, varefter stilarna blir ogiltiga. Förminskning av CSS-filer (inte att förväxla med CSS-komprimering) innebär att alla onödiga tecken tas bort från filen för att minska storleken och därmed påskynda inläsningen. Att förminska och komprimera CSS-filer är inte samma sak. Båda dessa metoder är dock utformade för att minska belastningstiderna. Skillnaden ligger i hur de fungerar. Komprimering används för att minska filstorleken med komprimeringsalgoritmer som Gzip eller brotli. Filerna komprimeras innan de skickas till klienten.