Wie wil er kleinere broodjes bakken? - Alle WordPress professionals die hun website zo snel mogelijk willen opleveren. Sinds enige tijd is een technologie genaamd Brotli erg populair.
Er zijn momenteel verschillende compressiemethoden. Lange tijd was gzip de standaard, maar inmiddels heeft een nieuw compressiealgoritme genaamd Brotli het overgenomen. En niet zonder reden! Om ervoor te zorgen dat ook jouw WordPress website qua compressie met de tijd meegaat, is Brotli de standaard geworden op Raidboxes. Maar laten we bij het begin beginnen.
De 1 x 1 van gegevenscompressie
Datacompressie is een techniek waarbij de opslagruimte van gegevens zo veel mogelijk wordt beperkt. Want: hoe kleiner het verbruikte volume, hoe korter de overdrachtstijd.
De verkleining wordt bereikt door de gegevens te condenseren of te verkleinen. In principe wordt de informatie omgezet in een kortere vorm die minder opslagruimte in beslag neemt.
Comprimeren en uitpakken zijn twee processen, maar het komt erop neer dat ze nog steeds sneller zijn dan het simpelweg overbrengen van grote hoeveelheden gegevens.
Google als broodbakker
De vorige compressiestandaard op internet was gzip. Deze compressie werkt met een algoritme genaamd Deflate, dat bestaat uit een combinatie van de LZ77 techniek en de Huffman codering. Deflate bestaat al sinds 1993 en heeft zich sindsdien gevestigd als de absolute standaard voor HTTP transmissies.
Maar dat was niet genoeg voor Google. In zijn eindeloze inspanningen om het internet te verbeteren, ontwikkelde de reus uit Silicon Valley enkele jaren geleden het algoritme Zopfli (genoemd naar de Zwitserse gistvlecht). Zopfli gebruikt een soortgelijke techniek als Deflate en is ook compatibel met zijn gegevensformaat, maar heeft al enkele verbeteringen.
Dat was waarschijnlijk nog niet genoeg, want inmiddels zijn er Brotli - vernoemd naar Brötli, Zwitserse broodjes.
Brotli is een open-source algoritme dat volgens Google een volledig nieuw gegevensformaat vertegenwoordigt. De compatibiliteit met Deflate is nu voorbij, maar Brotli brengt nog enkele andere voordelen.
Gzip vs. Brotli: Wie maakt de race?
Hoe groot is de besparing van Brotli ten opzichte van het standaard gzip-proces? Rapporten laten een duidelijk voordeel zien:
- Voor HTML bespaart Brotli 21% meer geheugen dan gzip.
- Voor JavaScript is dat 14%.
- CSS wordt door Brotli 17 % kleiner opgeslagen dan door gzip.
In principe is het verschil in snelheid tussen de overdracht van gecomprimeerde en niet-gecomprimeerde gegevens al zeer groot. Gzip bespaart al heel wat opslagruimte in vergelijking met de oorspronkelijke situatie. Brotli gaat nog een stap verder - ook al lijken de cijfers niet op een enorme besparing vergeleken met gzip.
Brotli biedt voordelen speciaal voor mobiele websites
Vooral mobiele apparaten en datatarieven profiteren van compressie. Hier is de beschikbare bandbreedte vaak veel lager, zodat zelfs een besparing van 20 procent resulteert in een aanzienlijk betere gebruikerservaring. Webservers en apparaten mogen inmiddels behoorlijk snel zijn - het internet is dat alleen niet altijd.
Omdat steeds meer mensen onderweg websites bezoeken en daardoor profiteren van de kleinere omvang van Brotli-bestanden (bijvoorbeeld door minder batterijgebruik en lagere transmissiekosten), hoopt Google dat het algoritme in de toekomst de nieuwe standaard wordt.
Beperkingen bij het bakken van brood
Ondanks deze voordelen is Brotli geen manusje-van-alles. Waarschijnlijk ook omdat het algoritme nog vrij jong is (Google introduceerde het in september 2015), moet je nog een of twee beperkingen accepteren.
Nauwkeurige configuratie is belangrijk
De besparing op bestandsgrootte is echter niet de enige maatstaf waaraan een compressiemethode moet worden afgemeten. Je wilt tenslotte de prestaties van je website verbeteren. De snelheid waarmee informatie wordt gecomprimeerd en gedecomprimeerd is ook een belangrijk aspect. Hiervan hangt immers af hoe snel je resultaat ziet.
Een verkeerde configuratie tussen geheugenbesparing en snelheid van conversie kan ertoe leiden dat gzip zelfs sneller is dan Brotli. Zowel gzip als Brotli hebben inderdaad meerdere kwaliteitsniveaus (gzip negen en Brotli elf).
Het is dus een kwestie van afstemmen wat u uit uw configuratie wilt halen. Uit de testresultaten blijkt dat Brotli op niveau 4 meer geheugen bespaart en zelfs iets sneller werkt dan gzip op niveau 6.
Brotli werkt alleen onder HTTPS
Brotli werkt alleen met HTTPS-verbindingen. Maar eerlijk gezegd is dat tegenwoordig toch de standaard.
"*" geeft verplichte velden aan
Brotli is perfect voor statische inhoud
Een ander veelbesproken knelpunt is de compressie van dynamische inhoud. Een snelle opfrisser:
- Dynamische inhoud wordt alleen individueel gegenereerd als je een verzoek doet, bijvoorbeeld als je in een blog alleen de items van bepaalde categorieën wilt weergeven of in een online winkel shirts van een bepaald merk in een bepaalde maat wilt selecteren met behulp van de filterfunctie. Natuurlijk wordt de inhoud pas gecomprimeerd als hij eenmaal gegenereerd is.
- Statische inhoud daarentegen is al gecomprimeerd op de server en wordt op dezelfde manier aan alle gebruikers geleverd.
De kern van de zaak bij het comprimeren van dynamische inhoud: Zolang de server bezig is met het comprimeren van de inhoud, zie je niets. Pas als de compressie klaar is, worden de gegevens geleverd. En hoe beter de compressie zou moeten zijn, hoe langer het duurt. Zelfs met lage compressiesnelheden kan dynamische compressie de prestaties al beperken. Statische inhoud daarentegen, die al gecomprimeerd is, kan in een mum van tijd worden afgeleverd als er een verzoek wordt gedaan.
In de praktijk bleek dat Brotli effectiever is voor statische inhoud als het algoritme dienovereenkomstig wordt geconfigureerd. Voor dynamische inhoud geven velen echter nog steeds de voorkeur aan gzip. Anderen stellen dat Brotli ook gzip kan bijhouden voor dynamische inhoud.
Niet alle browsers ondersteunen Brotli
Wat servers betreft, ondersteunen NGINX en Apache (vanaf versie 2.5) Brotli. Tegenwoordig ondersteunen bijna alle browsers Brotli. Op caniuse.com kun je zien welke browsers Brotli (nog) niet ondersteunen als compressiestandaard.
Als je het nog steeds zonder Brotli moet doen vanwege bepaalde browsers, is er goed nieuws: de inhoud wordt nog steeds geleverd aan deze gebruikers: In dit geval wordt gzip automatisch geactiveerd. Je hoeft je dus geen zorgen te maken dat ze helemaal niets te zien krijgen.
Conclusie
Opslagruimte besparen, websites sneller opleveren en de prestaties verhogen: wij maken er graag deel van uit. Naar mijn mening zijn de voordelen duidelijk. Bij Raidboxes profiteer je direct: Brotli is standaard ingebouwd in de servers.
