Minifikujte CSS

V tomto článku chci hovořit o tom, co je minifikace kódu HTML a CSS, k čemu slouží a jak toho dosáhnout. Strukturování kódu do bloků, linek atd. Je nezbytné pro usnadnění lidské čitelnosti. Vnímáme takové bloky jako celek, vidíme, kde se značka otevírá, kde se zavírá. Pro prohlížeče to není nutné, čtou kód postupně a zbytečné zalomení řádků, mezery, komentáře v textu jen ztěžují čtení a zvyšují dobu načítání stránky. Existují tedy dva hlavní důvody, proč je nutné kód minifikovat: Zmenšení velikosti (váhy) stránky a v důsledku toho zvýšení rychlosti jejího načítání. Druhý důvod vyplývá z prvního. Jedná se o zlepšení behaviorálních faktorů. Pokud se web načítá rychleji, pak dochází k nižší míře okamžitého opuštění, růstu provozu, zvýšení výsledků vyhledávání atd.

V současné době existuje obrovské množství webových nástrojů pro optimalizaci souborů CSS. Většina z nich má vlastní vlastní algoritmus práce (samozřejmě existují duplikáty). Účinnost samotných programů se také výrazně liší. Některé optimalizátory mohou navíc porušit kód CSS, po kterém se styly stanou neplatnými. Minifikace souborů CSS (nezaměňovat s kompresí CSS) zahrnuje odstranění zbytečných znaků ze souboru, aby se zmenšila jeho velikost a tím se zrychlilo načítání. Minifikace a komprese souborů CSS nejsou totéž. Obě tyto metody jsou však navrženy tak, aby snižovaly doby načítání. Rozdíl spočívá v tom, jak fungují. Komprese se používá ke zmenšení velikosti souboru pomocí kompresních algoritmů, jako je Gzip nebo brotli. Soubory jsou před odesláním klientovi komprimovány.