Performance/Optimalizace

Gzip

Co je to Gzip?

Gzip je kompresní algoritmus, který zmenšuje velikost textových souborů při přenosu mezi serverem a prohlížečem návštěvníka. Funguje podobně jako ZIP komprese na vašem počítači – vezme soubory HTML, CSS a JavaScript, stlačí je na zlomek původní velikosti a pošle je po internetu. Prohlížeč návštěvníka pak tyto soubory automaticky rozbalí a zobrazí stránku. Celý proces probíhá na pozadí, aniž by o něm návštěvník věděl, a výrazně zrychluje načítání webu.

Typická Gzip komprese dosahuje úspory 50–70 % velikosti souborů. To znamená, že stránka, která by bez komprese měla 300 KB, se po Gzip kompresi zmenší na zhruba 100 KB. Pro návštěvníka to znamená, že se web načte 2–3× rychleji, což je obrovský rozdíl zejména na mobilních sítích nebo při pomalejším připojení. Rychlejší načítání přímo ovlivňuje bounce rate – každá sekunda navíc zvyšuje pravděpodobnost, že návštěvník odejde.

Gzip je dnes standardem pro rychlé weby a jeden z nejjednodušších způsobů, jak zlepšit výkon webu. Většina moderních hostingů má Gzip ve výchozím nastavení aktivovaný. Pokud váš hosting Gzip nepodporuje nebo není aktivovaný, přicházíte o jednoduchou optimalizaci, která může dramaticky zlepšit rychlost vašeho webu a tím i jeho pozice ve vyhledávačích. Google totiž rychlost načítání používá jako jeden z faktorů pro hodnocení webů.

Jak Gzip komprese funguje?

Představte si Gzip jako inteligentní balicí stroj. Když server odesílá soubor, Gzip najde opakující se vzory textu a nahradí je kratšími kódy. Například pokud se ve vašem CSS souboru opakuje slovo "margin" stokrát, Gzip ho zakóduje jednou a pak jen odkazuje na tento kód. Čím více se text opakuje (a v programovém kódu se opakuje hodně), tím lepší komprese Gzip dosáhne.

Celý proces probíhá automaticky. Když návštěvník otevře váš web, jeho prohlížeč pošle požadavek na server a zároveň oznámí, že podporuje Gzip kompresi (prostřednictvím HTTP hlavičky Accept-Encoding: gzip). Server pak zkomprimuje odpověď a pošle ji zpět s hlavičkou Content-Encoding: gzip. Prohlížeč rozpozná, že soubor je komprimovaný, automaticky ho rozbalí a zobrazí stránku. Vše trvá zlomek sekundy a návštěvník nic nepozná.

Důležité je pochopit, že Gzip funguje pouze pro textové soubory – HTML, CSS, JavaScript, JSON, XML, SVG a podobně. Obrázky ve formátech JPEG, PNG nebo WebP jsou už komprimované jiným způsobem a další komprese by neměla smysl (mohla by soubor dokonce zvětšit). Pro optimalizaci obrázků použijte jiné techniky jako správný formát, rozlišení nebo lazy loading.

Výhody Gzip komprese

  • Výrazné zrychlení načítání webu

  • Gzip může zmenšit velikost textových souborů o 50–70 %, což přímo znamená rychlejší stažení stránky. Menší soubory = kratší doba přenosu = rychlejší zobrazení. To je zvlášť důležité pro návštěvníky s pomalejším připojením nebo na mobilních datech. Rychlejší web znamená lepší uživatelský zážitek a vyšší pravděpodobnost konverze.

  • Lepší skóre ve Core Web Vitals

  • Google měří rychlost webu pomocí metrik Core Web Vitals, které přímo ovlivňují pozice ve vyhledávání. Gzip komprese zlepšuje zejména metriku First Contentful Paint (FCP) – čas do prvního vykreslení obsahu. Lepší Core Web Vitals = lepší SEO pozice = více organického provozu.

  • Úspora přenosových dat a nákladů

  • Menší soubory znamenají menší spotřebu dat pro návštěvníky i nižší náklady na bandwidth pro vás. Pokud váš hosting účtuje přenesená data, Gzip vám může ušetřit až 70 % těchto nákladů. Pro návštěvníky na mobilních datech je to také výhoda – váš web spotřebuje méně jejich datového limitu.

  • Nulové náklady na implementaci

  • Gzip komprese je zdarma a většinou stačí jen zapnout v nastavení serveru. Nepotřebujete žádné placené nástroje, složité konfigurace ani změny v kódu webu. Je to jedna z mála optimalizací, která přináší velký efekt prakticky bez práce. Většina kvalitních hostingů má Gzip aktivovaný automaticky.

  • Kompatibilita se všemi moderními prohlížeči

  • Gzip podporují všechny moderní prohlížeče – Chrome, Firefox, Safari, Edge i mobilní prohlížeče. Nemusíte se bát problémů s kompatibilitou. Pokud by nějaký velmi starý prohlížeč Gzip nepodporoval, server mu jednoduše pošle nekomprimovanou verzi. Vaši návštěvníci tedy vždy dostanou funkční stránku.

  • Synergický efekt s dalšími optimalizacemi

  • Gzip funguje výborně v kombinaci s dalšími technikami jako cache, CDN nebo minifikace CSS/JS. Minifikace odstraní nadbytečné mezery a komentáře, Gzip pak zbývající kód ještě zkomprimuje. CDN doručí komprimované soubory z nejbližšího serveru. Cache uloží komprimovanou verzi pro opakované návštěvy. Všechny tyto techniky se vzájemně doplňují.

Co lze komprimovat pomocí Gzip

Gzip je ideální pro textové soubory, které obsahují opakující se vzory. Nejlepší výsledky dosahuje u HTML souborů (70–80 % komprese), CSS stylů (60–70 % komprese) a JavaScript kódu (60–70 % komprese). Skvěle funguje také pro JSON data (API odpovědi) a XML soubory včetně SVG grafiky. Tyto formáty obsahují mnoho opakujících se tagů a klíčových slov, což Gzip efektivně využívá.

Obrázky ve formátech JPEG, PNG, GIF nebo WebP komprimovat Gzipem nemá smysl. Tyto formáty jsou už komprimované vlastními algoritmy a další komprese by přinesla minimální nebo žádnou úsporu – někdy může soubor dokonce nepatrně zvětšit. Pro optimalizaci obrázků použijte správný formát (WebP pro fotografie, SVG pro ikony), odpovídající rozlišení a kvalitu. PDF soubory, videa a audio soubory jsou na tom podobně – mají vlastní kompresi.

V praxi byste měli mít Gzip aktivovaný pro tyto MIME typy: text/html, text/css, text/javascript (application/javascript), application/json, application/xml, text/xml, image/svg+xml a text/plain. Správná konfigurace serveru zajistí, že komprese se aplikuje pouze na typy souborů, kde má smysl. Typická konfigurace na Apache nebo Nginx serveru toto řeší automaticky.

Jak zapnout Gzip na serveru

Na Apache serveru (nejběžnější hosting v Česku) použijte modul mod_deflate. Stačí přidat následující kód do souboru .htaccess v kořenovém adresáři webu:

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/css text/javascript application/javascript application/json image/svg+xml
</IfModule>

Na Nginx serveru přidejte do konfiguračního souboru (obvykle nginx.conf) tyto direktivy:

gzip on;
gzip_types text/html text/css text/javascript application/javascript application/json image/svg+xml;
gzip_min_length 1000;

Mnoho moderních hostingů má Gzip aktivovaný automaticky – zejména managed WordPress hosting, cloudové platformy jako Cloudflare nebo kvalitní české hostingy. Před jakoukoliv konfigurací nejdřív ověřte, jestli Gzip už není aktivní. Pokud používáte WordPress, pluginy jako WP Rocket nebo W3 Total Cache mohou Gzip aktivovat za vás jedním kliknutím. Pokud nemáte přístup k serverové konfiguraci, kontaktujte podporu vašeho hostingu.

Jak ověřit, že Gzip funguje

Existuje několik způsobů, jak zkontrolovat, že váš web používá Gzip kompresi. Nejjednodušší je použít online nástroj jako GIDNetwork Gzip Test (gidnetwork.com/tools/gzip-test) nebo Check Gzip Compression (checkgzipcompression.com). Stačí zadat URL vašeho webu a nástroj zobrazí, jestli je Gzip aktivní a kolik procent komprese dosahuje.

Google PageSpeed Insights (pagespeed.web.dev) je další skvělý nástroj. Pokud Gzip chybí, zobrazí doporučení "Enable text compression" nebo "Povolte kompresi textu". Zároveň vám ukáže, kolik dat byste kompresí ušetřili. PageSpeed Insights kontroluje i další aspekty výkonu webu, takže získáte komplexní přehled.

Pro pokročilejší kontrolu použijte Chrome DevTools. Otevřete web, stiskněte F12, přejděte na záložku Network a načtěte stránku. Klikněte na jakýkoliv HTML, CSS nebo JS soubor a v sekci Response Headers hledejte hlavičku "content-encoding: gzip". Pokud ji vidíte, komprese funguje. V DevTools také uvidíte původní velikost souboru (Size) a komprimovanou velikost (Transferred), což vám ukáže efektivitu komprese.

Gzip vs Brotli – srovnání kompresních metod

Brotli je novější kompresní algoritmus vyvinutý Googlem, který dosahuje o 15–20 % lepší komprese než Gzip. To znamená ještě menší soubory a rychlejší načítání. Brotli je optimalizovaný speciálně pro web a obsahuje předdefinovaný slovník běžných webových vzorů (HTML tagy, CSS vlastnosti), což mu dává výhodu oproti obecnému Gzipu.

Nevýhodou Brotli je, že vyžaduje HTTPS (nelze použít na nezabezpečených HTTP webech) a není podporován na starších prohlížečích jako Internet Explorer 11. Komprese Brotli je také náročnější na CPU serveru, takže na vytíženém serveru může být pomalejší než Gzip. Pro většinu webů je tento rozdíl zanedbatelný, ale u vysokého provozu může hrát roli.

Ideální řešení je použít oba formáty. Server detekuje, co prohlížeč podporuje, a pošle optimální variantu – Brotli pro moderní prohlížeče (Chrome, Firefox, Edge, Safari) a Gzip jako fallback pro starší. Většina CDN služeb jako Cloudflare, AWS CloudFront nebo Fastly podporuje oba formáty automaticky a stará se o výběr za vás. Pokud používáte CDN, pravděpodobně už máte obě komprese aktivní.

Nejčastější otázky o Gzip

Zpomaluje Gzip komprese server? Rozbalit

Moderní servery komprimují soubory s minimálním dopadem na výkon – typicky méně než 1 % CPU. Výhoda rychlejšího přenosu dat výrazně převyšuje náklady na kompresi. Pro weby s vysokou návštěvností můžete použít předkomprimované .gz soubory, které server jen odesílá bez nutnosti komprimace za běhu. To eliminuje i minimální zátěž a kombinuje výhody komprese s rychlou odezvou.

Ovlivňuje Gzip SEO pozice? Rozbalit

Ano, nepřímo. Google používá rychlost načítání jako jeden z ranking faktorů. Gzip komprese zrychluje web, což zlepšuje Core Web Vitals metriky – zejména First Contentful Paint a Largest Contentful Paint. Lepší Core Web Vitals znamenají lepší pozice ve vyhledávání. Navíc rychlejší web má nižší bounce rate, což je další pozitivní signál pro Google.

Mohu použít Gzip i pro obrázky? Rozbalit

Ne, pro běžné obrázky (JPEG, PNG, WebP, GIF) Gzip nepoužívejte. Tyto formáty jsou už komprimované vlastními algoritmy a další komprese nepomůže – může soubor dokonce mírně zvětšit. Výjimkou jsou SVG soubory, které jsou textové (XML) a Gzip je výborně komprimuje. Pro optimalizaci rastrových obrázků použijte správný formát, rozlišení a lazy loading.

Jak zjistím, kolik Gzip ušetří na mém webu? Rozbalit

Použijte Chrome DevTools – otevřete záložku Network, načtěte stránku a podívejte se na sloupce Size (komprimovaná velikost) a "Transferred" vs. skutečná velikost souboru. Online nástroje jako GTmetrix nebo PageSpeed Insights zobrazí konkrétní čísla úspory. Typicky můžete očekávat 50–70 % úsporu u HTML/CSS/JS souborů, což na průměrném webu znamená stovky KB ušetřených dat.