Kompresia CSS (tiež nazývaná minifikácia) je proces odstraňovania nepotrebných znakov – ako sú medzery, zalomenia riadkov a komentáre – zo súborov CSS s cieľom zmenšiť ich veľkosť bez ovplyvnenia funkčnosti.
Formátovanie CSS sa vzťahuje na organizovanie a štýlovanie kódu CSS (napr. odsadenie, medzery, poradie vlastností), aby bol čitateľnejší a udržiavateľnejší.
Kompresia:
Zlepšenie rýchlosti načítania: Menšie súbory sa v prehliadačoch načítavajú rýchlejšie.
Zníženie využitia šírky pásma: Menej dát prenos znamená lepší výkon, najmä na mobilných zariadeniach.
Optimalizácia pre produkciu: Poskytuje čistejšiu a ľahšiu verziu vašich štýlov.
Formátovanie:
Zlepšenie čitateľnosti: Uľahčuje pochopenie a údržbu kódu.
Vynútenie konzistencie: Udržiava kód čistý a usporiadaný pre tímy.
Zjednodušenie ladenia: Dobre naformátovaný CSS sa ľahšie riešia.
Online nástroje: Vložte CSS do webových formátovačov alebo minifikátorov, aby ste získali formátovaný alebo komprimovaný výstup.
Editory kódu / IDE: Použite vstavané nástroje alebo rozšírenia na formátovanie (napr. Prettier, Beautify, Minify).
Nástroje na zostavovanie: Automatizujte formátovanie a kompresiu pomocou preprocesorov Webpack, Gulp alebo CSS.
Nástroje CLI: Použite balíky Node.js (ako napríklad clean-css alebo csso) na kompresiu CSS v skriptoch na zostavovanie.
Kompresia:
Pred nasadením vašej stránky do produkčného prostredia kvôli optimalizácii výkonu.
Formátovanie:
Počas vývoja, aby bol kód čistý a spravovateľný.
Pri zavádzaní nových členov tímu alebo pri údržbe rozsiahlych štýlov.
Pred kontrolou kódu, aby sa zabezpečil konzistentný štýl a čitateľnosť.
