Web Developmentzačiatočník

Čo je Gzip?

Gzip je najrozšírenejší kompresný algoritmus na webe, ktorý zmenšuje veľkosť textových súborov o 60-80 %. Bol vytvorený v roku 1992 a je podporovaný prakticky všetkými webovými servermi a prehliadačmi. Na webe sa používa na kompresiu HTML, CSS, JavaScript a JSON súborov.

Definícia Gzip

Čo je Gzip

Gzip (GNU zip) je súborový formát a softvérový nástroj na kompresiu dát. Vytvoril ho Jean-loup Gailly a Mark Adler v roku 1992 ako slobodná náhrada za patentovaný program compress v Unixe. Gzip používa algoritmus DEFLATE, ktorý kombinuje LZ77 a Huffmanovo kódovanie.

Gzip na webe

Gzip je historicky najpoužívanejší kompresný algoritmus pre HTTP prenos:

  • Podpora — 100 % moderných prehliadačov a serverov podporuje Gzip
  • Kompresný pomer — textové súbory sa zmenšia o 60-80 %
  • Rýchlosť — kompresia aj dekompresia sú veľmi rýchle, pridávajú minimálnu latenciu

Úrovne kompresie

Gzip ponúka 9 úrovní kompresie (1-9):

  • Úroveň 1 — najrýchlejšia kompresia, najväčší výstupný súbor
  • Úroveň 6 — predvolená, dobrý kompromis medzi rýchlosťou a veľkosťou
  • Úroveň 9 — najpomalšia kompresia, najmenší výstupný súbor

Pre webové servery sa odporúča úroveň 5-6 — vyššie úrovne prinášajú minimálne zmenšenie, ale výrazne zvyšujú záťaž procesora.

Praktický príklad

Príklad: Webový server Nginx má v konfigurácii zapnutý Gzip:

gzip on; gzip_types text/html text/css application/javascript;

JavaScript súbor s veľkosťou 350 kB sa po Gzip kompresii zmenší na približne 95 kB. Stránka sa na 3G pripojení načíta o 2 sekundy rýchlejšie. Na serveri s vysokou návštevnosťou to môže ušetriť stovky gigabajtov prenesených dát mesačne.

Často kladené otázky

Čo je Gzip kompresia?

Gzip je kompresný algoritmus používaný na webe na zmenšenie veľkosti textových súborov (HTML, CSS, JavaScript) pred ich odoslaním z servera do prehliadača. Dokáže zmenšiť súbory o 60-80 % a je podporovaný všetkými modernými prehliadačmi.

Aký je rozdiel medzi Gzip a Brotli?

Brotli je novší kompresný algoritmus od Google, ktorý dosahuje o 15-25 % lepšiu kompresiu ako Gzip, ale je pomalší pri kompresii. Gzip má širšiu podporu a je rýchlejší. Na modernom webe sa Brotli používa pre statické súbory a Gzip ako fallback.

Ako zistím, či môj web používa Gzip?

Otvorte DevTools v prehliadači (F12), prejdite na záložku Network a kliknite na ľubovoľnú požiadavku. V Response Headers hľadajte hlavičku Content-Encoding: gzip. Ak je prítomná, server posiela komprimované odpovede.

Súvisiace pojmy

Brotli

Brotli je moderný kompresný algoritmus vyvinutý spoločnosťou Google, ktorý dosahuje o 15-25 % lepšiu kompresiu ako Gzip. Je optimalizovaný špeciálne pre webový obsah a podporujú ho všetky moderné prehliadače. Označuje sa v HTTP hlavičkách ako „br".

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 %.

Minifikácia

Minifikácia je proces odstránenia nepotrebných znakov zo zdrojového kódu bez zmeny jeho funkčnosti. Odstraňujú sa medzery, zalomenia riadkov, komentáre a skracujú sa názvy premenných. Výsledkom je menší súbor, ktorý sa rýchlejšie stiahne a spracuje.

Caching

Caching je technika ukladania kópií dát alebo zdrojov na miesto, odkiaľ sa dajú rýchlejšie získať pri opakovanom prístupe. Na webe sa cachujú HTML stránky, obrázky, skripty a API odpovede na úrovni prehliadača, CDN alebo servera. Výrazne znižuje dobu načítania a zaťaženie servera.

Critical CSS

Critical CSS je technika extrakcie a inline vloženia CSS pravidiel potrebných na vykreslenie viditeľnej časti stránky (above the fold). Zvyšný CSS sa načíta asynchrónne. Eliminuje render-blocking CSS a výrazne zrýchľuje prvé vykreslenie stránky.

Späť na slovník

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á.

Napíšte miPozrite moju prácu