Čo je Kompresia?
Kompresia je proces zmenšenia veľkosti dát pomocou kompresných algoritmov pred ich odoslaním z webového servera do prehliadača. Prehliadač prijaté dáta dekomprimuje a zobrazí. Na webe sa najčastejšie používajú algoritmy Gzip a Brotli, ktoré dokážu zmenšiť textové súbory o 60-90 %.
Definícia Kompresia
Čo je kompresia na webe
Kompresia dát je základná optimalizačná technika, ktorá znižuje objem prenášaných dát medzi serverom a prehliadačom. Webový server komprimuje odpoveď (HTML, CSS, JavaScript, JSON) pred odoslaním a prehliadač ju automaticky dekomprimuje. Celý proces je transparentný pre používateľa.
Ako kompresia funguje
Kompresia na webe využíva HTTP hlavičky:
- Accept-Encoding — prehliadač pošle hlavičku s podporovanými algoritmami (napr.
gzip, br) - Content-Encoding — server odpovie s použitým algoritmom (napr.
br)
Typy kompresie
- Bezstratová kompresia — po dekompresii dostanete identické dáta (Gzip, Brotli). Používa sa pre textové súbory — HTML, CSS, JavaScript, JSON, SVG
- Stratová kompresia — časť informácií sa zahodí pre menšiu veľkosť (JPEG, WebP pre obrázky, MP3 pre audio). Používa sa pre médiá
Pre textový obsah webu je kompresia jednou z najefektívnejších optimalizácií s minimálnym úsilím — väčšina webových serverov ju podporuje natívne a stačí ju len zapnúť.
Praktický príklad
Príklad: Webová aplikácia generuje HTML stránku s veľkosťou 85 kB a JavaScript bundle 420 kB.
Bez kompresie prehliadač stiahne 505 kB dát. Po zapnutí Brotli kompresie na serveri sa HTML zmenší na 18 kB a JavaScript na 105 kB — celkovo 123 kB namiesto 505 kB. Úspora je 76 % a stránka sa načíta výrazne rýchlejšie, najmä na pomalšom mobilnom pripojení.
Často kladené otázky
Čo je kompresia webových súborov?
Kompresia je proces zmenšenia veľkosti súborov (HTML, CSS, JavaScript) pred ich odoslaním z servera do prehliadača. Prehliadač prijaté dáta automaticky dekomprimuje. Najpoužívanejšie algoritmy sú Gzip a Brotli.
Aký je rozdiel medzi stratovou a bezstratovou kompresiou?
Bezstratová kompresia (Gzip, Brotli) zachová dáta v pôvodnej podobe — po dekompresii sú identické. Stratová kompresia (JPEG, WebP) zahodí časť informácií pre menšiu veľkosť, čo je viditeľné pri obrázkoch ako mierna strata kvality.
Ako zapnúť kompresiu na webovom serveri?
Na Apache serveri zapnete kompresiu modulom mod_deflate, na Nginx direktívou gzip on v konfigurácii. Cloudové platformy ako Vercel, Netlify a Cloudflare majú kompresiu zapnutú automaticky.
Treba komprimovať aj obrázky?
Obrázky vo formátoch JPEG, PNG a WebP sú už komprimované — ďalšia Gzip/Brotli kompresia by priniesla minimálny efekt. Kompresia na úrovni servera sa oplatí hlavne pre textové formáty: HTML, CSS, JS, JSON a SVG.
Súvisiace pojmy
Potrebujete pomôcť s webom?
Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.