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.
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
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šenie | Brotli | gzip | |
|---|---|---|---|
| JS súbor | -31% | 193kb | 280kb |
| CSS súbor | -10% | 41,6kb | 45,9kb |
| Celková veľkosť stránky | -20% | 664kb | 828kb |
| Čas potrebný na načítanie stránky | -4% | 2.41s | 2.5s |
![]()
193kB a úspora cca 31% pri použití Brotli ![]()
280kB pri použití gzip
![]()
45,9kB pri použití gzip ![]()
41,6kB a úspora cca 10% pri použití Brotli
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.
