Komprimer CSS

I denne artikel vil jeg tale om, hvad minifikation af HTML og CSS-kode er, hvad den er beregnet til, og hvordan man opnår den. At strukturere koden i blokke, linjer osv. Er nødvendig for at lette menneskelig læsbarhed. Vi opfatter sådanne blokke som en helhed, vi ser hvor mærket åbner, hvor det lukker. For browsere er dette ikke nødvendigt, de læser koden sekventielt, og unødvendige linjeskift, mellemrum, kommentarer i teksten gør det kun vanskeligt at læse og øge sidens indlæsningstid. Der er således to hovedårsager til behovet for at minificere koden: At reducere sidens størrelse (vægt) og som følge heraf øge hastigheden på indlæsningen. Den anden grund følger af den første. Dette er en forbedring af adfærdsmæssige faktorer. Hvis webstedet indlæses hurtigere, er der en lavere afvisningsprocent, trafikvækst, stigning i søgeresultater osv.

I øjeblikket er der et stort antal webværktøjer til optimering af CSS-filer. De fleste af dem har deres egen algoritme for arbejde (der er selvfølgelig duplikater). Effektiviteten af selve programmerne er også væsentligt forskellig. Derudover kan nogle optimeringsmaskiner bryde CSS-kode, hvorefter typografierne bliver ugyldige. Minificering af CSS-filer (ikke at forveksle med CSS-komprimering) indebærer at fjerne unødvendige tegn fra filen for at reducere dens størrelse og dermed fremskynde indlæsningen. Minifiering og komprimering af CSS-filer er ikke den samme ting. Begge disse metoder er dog designet til at reducere belastningstiderne. Forskellen ligger i, hvordan de arbejder. Komprimering bruges til at reducere filstørrelsen ved hjælp af komprimeringsalgoritmer som Gzip eller brotli. Filerne komprimeres, før de sendes til klienten.