fbpx

Novinka na hostingu: Brotli kompresia


  • Zdieľať na Google+

Na webové servery sme nainštalovali Brotli kompresiu. Oproti pôvodnej gzip ide o novší a efektívnejší spôsob komprimovania obsahu, ktorého nasadenie opäť o čosi zlepší rýchlosť vašich webov.

Čo je to Brotli

Rovnako ako gzip, Brotli je kompresný algoritmus. Ako nový štandard je dostupné od roku 2016 a za jeho vývojom stojí Google. Najlepšie funguje pre textový obsah (JS, HTML a CSS súbory). Pre porovnanie, gzip bolo definované ešte v roku 1996. Za 24 rokov sa web dosť zmenil, nie?

Podpora prehliadačov

Brotli v súčasnosti podporujú všetky 4 najpoužívanejšie prehliadače: Chrome, Firefox, Safari aj Edge. Vyžaduje sa však HTTPS, rovnako ako pri HTTP/2 alebo TLS 1.3.

Podpora Brotli kompresie v prehliadačoch.
Zdroj: https://caniuse.com

Prehliadač, ktorý Brotli podporuje posiela na server „br“ v hlavičke accept-encoding. Ak je Brotli dostupné aj na serveri, server odpovie „br“ v hlavičke content-encoding. Predvolene má totiž Brotli vyššiu prioritu ako gzip.

Ako to vyzerá v praxi

//Požiadavka prehliadača:
Accept-Encoding: gzip, deflate, br

//Odpoveď zo servera s podporou Brotli
Content-Encoding: br
Odpoveď "br" v hlavičke content-encoding označuje použitie Brotli.
Odpoveď „br“ v hlavičke content-encoding označuje použitie Brotli.

Brotli vs gzip

Potenciál Brotli výborne demonštruje test TOP 1000 URL adries na HTTP archive z roku 2016. Stručné výsledky:

  • JS súbory boli s Brotli kompresiou o 14% menšie ako pri gzip
  • CSS súbory boli s Brotli kompresiou o 17% menšie ako pri gzip
  • HTML súbory boli s Brotli kompresiou o 21% menšie ako pri gzip

Druhým podstatným faktorom pri akejkoľvek kompresii je rýchlosť. Pri vhodnom nastavení (11 dostupných úrovni kompresie) je Brotli tak isto rýchlejšie, pričom je zachovaná menšia veľkosť súborov.

Naše vlastné porovnanie

Na test som použil niekoľko testovacích WooCommerce e-shopov. Kópie, boli robené cez plugin Duplicator, všetky cache na úrovni WordPress vypnuté. Dáta som meral cez developer tools v prehliadači Google Chrome.

Aj keď som sa na screenshotoch nižšie zameral na najväčší CSS a JS súbor, zlepšenie je merateľné na každom z nich. Keď sa to všetko spočítalo, na vzorovom webe došlo k zmenšeniu o 20% z 828kB na 664kB.

Celkové vylepšenieBrotligzip
JS súbor-31%193kb280kb
CSS súbor-10%41,6kb45,9kb
Celková veľkosť stránky-20%664kb828kb
Čas potrebný na načítanie stránky-4%2.41s2.5s
Namerané výsledky na WooCommerce e-shope.

Dostupné automaticky, no postupne

Pre prvých cca 3000 domén je Brotli dostupné od 22.7.2020. S postupnou aktualizáciou hostingov bude fungovať aj pre všetky ostatné. Ak by ste to nevedeli vydržať, napíšte nám na helpdesk a vaše hostingy skúsime aktualizovať skôr 😉

Dajte nám vedieť aké zlepšenia ste s Brotli namerali na vašom webe.