Minifikujte CSS

V tomto článku by som chcel hovoriť o tom, čo je minifikácia kódu HTML a CSS, na čo slúži a ako ju dosiahnuť. Štruktúra kódu do blokov, riadkov atď. Je nevyhnutná pre ľahšiu čitateľnosť. Takéto bloky vnímame ako celok, vidíme, kde sa značka otvára, kde sa zatvára. Pre prehliadače to nie je potrebné, kód načítavajú postupne a zbytočné zalomenia riadkov, medzery, komentáre v texte iba sťažujú čítanie a zvyšujú čas načítania stránky. Existujú teda dva hlavné dôvody potreby minifikácie kódu: zmenšenie veľkosti (hmotnosti) stránky a v dôsledku toho zvýšenie rýchlosti jej načítania. Druhý dôvod vyplýva z prvého. Ide o zlepšenie faktorov správania. Ak sa web načítava rýchlejšie, potom dôjde k nižšej miere okamžitých odchodov, rastu návštevnosti, nárastu výsledkov vyhľadávania atď.

V súčasnosti existuje obrovské množstvo webových nástrojov na optimalizáciu súborov CSS. Väčšina z nich má vlastný algoritmus práce (samozrejme existujú duplikáty). Účinnosť samotných programov je tiež výrazne odlišná. Niektoré optimalizátory môžu navyše zlomiť kód CSS, potom budú štýly neplatné. Minifikácia súborov CSS (nezamieňajte si s kompresiou CSS) spočíva v odstránení nepotrebných znakov zo súboru, aby sa zmenšila jeho veľkosť a tým sa urýchlilo načítanie. Minifikácia a kompresia súborov CSS nie sú to isté. Obe tieto metódy sú navrhnuté tak, aby znižovali časy načítania. Rozdiel spočíva v tom, ako fungujú. Kompresia sa používa na zmenšenie veľkosti súboru pomocou kompresných algoritmov, ako je Gzip alebo brotli. Súbory sú komprimované pred odoslaním klientovi.