Csökkentse a CSS-t

Ebben a cikkben arról akarok beszélni, hogy mi a HTML és a CSS kód tömörítése, mire való és hogyan valósítható meg. A kód blokkokra, sorokra stb. Való strukturálása szükséges az emberi olvashatóság megkönnyítése érdekében. Az ilyen blokkokat egészében érzékeljük, látjuk, hol nyílik a címke, hol záródik be. Böngészőknél ez nem szükséges, egymás után olvassák a kódot, és a felesleges sortörések, szóközök, megjegyzések a szövegben csak megnehezítik az olvasást és növelik az oldal betöltési idejét. Így két fő oka van annak, hogy a kódot minimalizálni kell: Az oldal méretének (súlyának) csökkentése és ennek következtében a betöltés sebességének növelése. A második ok az elsőből következik. Ez a viselkedési tényezők javulása. Ha a webhely gyorsabban töltődik be, akkor alacsonyabb a visszafordulási arány, a forgalom növekedése, a keresési eredmények növekedése stb.

Jelenleg rengeteg webes eszköz áll rendelkezésre a CSS fájlok optimalizálására. Legtöbbjüknek megvan a saját algoritmusa (természetesen vannak duplikátumok). Maguk a programok hatékonysága is jelentősen eltér. Ezenkívül egyes optimalizálók megszakíthatják a CSS-kódot, amely után a stílusok érvénytelenné válnak. A CSS-fájlok csökkentése (nem tévesztendő össze a CSS-tömörítéssel) magában foglalja a felesleges karakterek eltávolítását a fájlból annak méretének csökkentése és ezáltal a betöltés felgyorsítása érdekében. A CSS fájlok kicsinyítése és tömörítése nem ugyanaz. Mindkét módszert úgy tervezték, hogy csökkentse a terhelés idejét. A különbség abban rejlik, hogy hogyan működnek. A tömörítést a fájlméret csökkentésére használják tömörítési algoritmusok, például Gzip vagy brotli használatával. A fájlokat az ügyfélnek történő elküldés előtt tömörítik.