Brotliho kompresia: Čo to je, ako to funguje a ako to aktivovať

Premýšľali ste niekedy nad tým, ako zrýchliť načítanie webovej stránky bez zmeny jej vzhľadu? Kľúčom je spôsob prenosu údajov zo servera do prehliadača používateľa. Tento prenos je možné optimalizovať pomocou kompresných algoritmov, ktoré zmenšujú veľkosť súborov.

Brotli je jeden taký algoritmus a nie je to len tak hocijaký algoritmus: je to nový štandard, ktorý si získava pozíciu v porovnaní s veteránom GZIP. Hoci oba majú rovnaký cieľ – kompresiu súborov na zmenšenie ich veľkosti a zlepšenie času načítania – Brotli dosahuje lepšie výsledky . Nižšie podrobne vysvetľujeme, čo je Brotli, ako funguje, prečo sa stáva preferovanou možnosťou a ako ho môžete aktivovať na svojej webovej stránke, najmä ak používate WordPress.

Čo je Brotli a ako to funguje?

Brotli je bezstratový kompresný algoritmus vyvinutý spoločnosťou Google . Jeho pôvodné využitie bolo pri kompresii súborov webových fontov, ale časom bol vylepšený tak, aby fungoval so všetkými typmi údajov prenášaných cez HTTP, ako sú HTML, CSS a JavaScript.

Funguje tak, že v obsahu zisťuje opakujúce sa vzory a nahrádza ich kratšími odkazmi . Dosahuje to pomocou dvoch typov slovníkov:

• Statický slovníkObsahuje viac ako 13.000 XNUMX bežných slov v šiestich jazykoch a bežné prvky kódu HTML, CSS a JS. Brotli dokáže rozpoznať frázy ako type=»text/javascript» alebo značky ako kódovať ich kratšími referenciami.
• Dynamický slovníkGeneruje sa v reálnom čase analýzou prenášaných údajov. Funguje ako posuvné okno s veľkosťou až 16 MB, ktoré ukladá nedávne vzory pre okamžité opätovné použitie, keď sa znova objavia.

Oba slovníky umožňujú Brotli komprimovať dáta efektívnejšie ako GZIP . Okrem toho podporuje 12 úrovní kompresie, od 0 do 11, kde 0 je najrýchlejšia (ale najmenej efektívna) a 11 je najkomplexnejšia (hoci pomalšia a náročnejšia na CPU).

Výhody kompresie Brotli oproti GZIP

Hlavnou výhodou Brotli oproti GZIP je jeho vyšší kompresný pomer , čo znamená, že komprimované súbory sú menšie . To sa premieta do:

• Nižšia spotreba šírky pásma.
• Zlepšený výkon webu, najmä na mobilných zariadeniach alebo pri pomalom pripojení.
• Rýchlejšie načítanie a vylepšené Core Web Vitals.

Štúdia spoločnosti Akamai, ktorá analyzovala 1000 XNUMX URL adries, ukázala, že Brotli dokáže ušetriť:

• O 21 % viac v HTML.
• 14 % v JavaScripte.
• 17 % v CSS.

Napríklad súbor HTML s veľkosťou 418 KB je možné komprimovať pomocou:

• GZIP úroveň 9: 78,7 KB.
• Brotli úroveň 11: 57,2 KB.

Ak je Brotli nastavený na úroveň 3, získa sa súbor s veľkosťou 76,5 KB , čo je prakticky rovnaké ako GZIP, ale s nižšou spotrebou zdrojov.

Úrovne kompresie Brotli a ich vplyv na výkon

Ako už bolo spomenuté, Brotli umožňuje nastaviť kompresiu medzi 0 a 11. Toto nastavenie ovplyvňuje:

• rýchlosť kompresie a dekompresie.
• zaťaženie CPU servera.
• konečná veľkosť súboru.

Zatiaľ čo najvyššia úroveň ponúka najlepšie sadzby, odporúčajú sa stredné úrovne medzi 4 a 6 kvôli ich rovnováhe medzi záťažou a výkonom. Cloudflare v skutočnosti používa úroveň 4 od roku 2017 a v roku 2023 oznámil plnú podporu pre úroveň 11, aby mohol naplno využiť jej potenciál.

Kompatibilita Brotli s prehliadačmi a servermi

Brotli je momentálne kompatibilný s viac ako 95 % prehliadačov dostupných na trhu vrátane Chrome, Firefox, Edge, Safari, Brave a Opera.

Pokiaľ ide o webové servery, kompatibilita je nasledovná:

• apache: podporuje Brotli od verzie 2.4 a je možné ho aktivovať pridaním AddOutputFilterByType BROTLI_COMPRESS v archíve .htaccess.
• Nginxvyžaduje kompiláciu modulu Brotli. Po inštalácii sa aktivuje úpravou nginx.conf s direktívami ako napr. brotli on; y brotli_types.
• LiteSpeedJe plne kompatibilný a je štandardne aktivovaný na serveroch s cPanelom, ktoré ho používajú.

Okrem toho hlavní poskytovatelia CDN, ako napríklad Cloudflare, KeyCDN, CDN77 a Amazon CloudFront, prijali Brotli. V mnohých prípadoch je jeho používanie už štandardne povolené.

Ako zistiť, či vaša stránka používa kompresiu Brotli

Chcete skontrolovať, či vaša webová stránka používa Brotli? Môžete to skontrolovať pomocou niekoľkých možností:

1. Online nástroje

• Test Brotli pre KeyCDNhttps://tools.keycdn.com/brotli-test
• Dar rýchlostihttps://www.giftofspeed.com/GZIP-test/
• Kompresný test Paula Calvanahttps://tools.paulcalvano.com/compression.php

2. Hlavičky HTTP

Môžete to urobiť aj pomocou terminálu pomocou:

curl -LH "Accept-Encoding: br" -I https://tuweb.com

Ak odpoveď zobrazuje kódovanie obsahu: br , znamená to, že vaša webová stránka používa Brotli.

Ako aktivovať Brotli vo WordPresse

Vo WordPresse je povolenie Brotli do značnej miery závislé od servera . Niektoré pluginy pre ukladanie do vyrovnávacej pamäte však ponúkajú podporu pre Brotli alebo umožňujú povoliť GZIP, ak Brotli nie je k dispozícii.

Odporúčané nástroje:

1. Podporované pluginy vyrovnávacej pamäte

Pluginy ako W3 Total Cache , WP Rocket alebo oficiálny plugin Cloudflare môžu podporovať Brotli alebo povoliť GZIP ako alternatívu, ak ho váš server priamo nepodporuje.

2. Skontrolujte konfiguráciu servera

Mnoho poskytovateľov hostingu už automaticky aktivuje Brotli, napríklad:

• KINŠTA
• SiteGround
• WP Engine
• LucusHost
• Raiola Networks

Vo väčšine prípadov je už aktivovaný a nemusíte robiť nič ďalšie . V prípade akýchkoľvek otázok kontaktujte technickú podporu.

Kompresia typu end-to-end v Cloudflare a Brotli

Cloudflare ide ešte o krok ďalej a ponúka plnú podporu klient-server pre Brotli . To znamená, že pred odoslaním používateľovi nedekomprimuje dáta, ale namiesto toho ich môže priamo prenášať.

Predtým Cloudflare používal Brotli na úrovni 4. Teraz umožňuje použiť úroveň 11, ak pôvodný server toto nastavenie tiež podporuje, čím sa optimalizuje výkon.

Okrem toho má funkciu s názvom Pravidlá kompresie , ktorá vám umožňuje prispôsobiť, aký obsah sa komprimuje a ako, na základe prípony, typu, domény atď.

Jediným upozornením je, že funkcie ako Rocket Loader alebo Email Obfuscation môžu rušiť. V týchto situáciách sa obsah dekomprimuje a znova komprimuje pomocou Brotli úrovne 4 kvôli kompatibilite.

Bezpečnostné opatrenia pri používaní Brotli

Napriek jeho výhodám je dôležité mať na pamäti niekoľko nuans:

• Brotli funguje iba na HTTPS pripojeniach. Ak vaša webová stránka používa HTTP, toto sa neuplatňuje.
• Vysoké úrovne kompresie (10-11) spotrebúvajú viac zdrojov CPU, čo môže ovplyvniť výkon servera, ak existuje veľa súčasných požiadaviek.
• Niektoré staršie konfigurácie hostingu nepodporujú Brotli alebo vyžadujú ďalšie nastavenia., najmä na serveroch Apache bez modulu mod_brotli.

Zlepšenia rýchlosti, SEO , používateľskej skúsenosti a úspory šírky pásma však tieto obmedzenia viac než kompenzujú. Optimalizácia výkonu webových stránok je nevyhnutná pre zabezpečenie lepšej používateľskej skúsenosti a zlepšenie poradia vo vyhľadávačoch. Kompresia Brotli, ktorá sa stáva čoraz populárnejšou, výrazne znižuje veľkosť súborov HTML, CSS a JS a etablovala sa ako jeden z popredných algoritmov na modernom webe. Ak ste ju ešte nepovolili na svojej stránke alebo serveri WordPress, odporúčame vám ju zvážiť, pretože ide o bezplatné riešenie s otvoreným zdrojovým kódom s preukázateľnými výhodami v rýchlosti a efektívnosti dát.