Brotli-komprimering: Hvad det er, hvordan det fungerer, og hvordan man aktiverer det

Har du nogensinde spekuleret på, hvordan du kan få en hjemmeside til at indlæse hurtigere uden at ændre noget ved dens udseende? Nøglen er, hvordan dataene overføres fra serveren til brugerens browser. Denne transmission kan optimeres ved hjælp af komprimeringsalgoritmer, der gør filerne mindre.

Brotli er en af ​​disse algoritmer, og det er ikke bare en hvilken som helst: Det er den nye standard, der vinder terræn mod den erfarne GZIP. Selvom begge forfølger det samme mål – at komprimere filer for at reducere størrelsen og forbedre indlæsningstider – gør Brotli det med bedre resultater. Nedenfor vil vi forklare i detaljer, hvad Brotli er, hvordan det fungerer, hvorfor det er ved at blive en favoritmulighed, og hvordan du kan aktivere det på din hjemmeside, især hvis du bruger WordPress.

Hvad er Brotli, og hvordan fungerer det?

Brotli er en tabsfri komprimeringsalgoritme udviklet af Google. Dens første anvendelse var komprimering af webfontfiler, men med El tiempo Den er optimeret til at fungere med alle typer data, der transmitteres via HTTP, herunder HTML, CSS, JavaScript og mere.

Det fungerer ved at registrere gentagne mønstre i indholdet og erstatte dem med kortere referencer.. Dette opnås takket være to typer ordbøger:

• Statisk ordbogIndeholder over 13.000 almindelige ord på seks sprog og almindelige elementer fra HTML-, CSS- og JS-kode. Brotli kan registrere sætninger som type="text/javascript" eller tags som at kode dem med kortere referencer.
• Dynamisk ordbogDen genereres i realtid ved at analysere de transmitterede data. Det fungerer som et glidende vindue på op til 16 MB, der gemmer nylige mønstre til øjeblikkelig genbrug, når de vises igen.

Begge ordbøger tillader Brotli at komprimere data med en overlegen effektivitet til GZIP. Derudover understøtter den 12 komprimeringsniveauer, fra 0 til 11, hvor 0 er den hurtigste (men mindst effektive) og 11 den mest omfattende (dog langsommere og mere CPU-intensive).

Fordele ved Brotli-komprimering i forhold til GZIP

Den største fordel ved Brotli i forhold til GZIP er dens højere kompressionsforhold., hvilket betyder det Komprimerede filer er mindre. Dette oversættes til:

• Lavere båndbreddeforbrug.
• Forbedret webydelse, især på mobile enheder eller langsomme forbindelser.
• Hurtigere indlæsning og forbedrede Core Web Vitals.

En undersøgelse foretaget af Akamai, der analyserede 1000 URL'er, viste, at Brotli kan gemme:

• 21% mere i HTML.
• 14% i JavaScript.
• 17% i CSS.

For eksempel kan en 418 KB HTML-fil komprimeres med:

• GZIP niveau 9: 78,7 KB.
• Brotli niveau 11: 57,2 KB.

Hvis du sætter Brotli til niveau 3, får du en fil med 76,5 KB, praktisk talt det samme som GZIP, men med lavere ressourceforbrug.

Brotli-kompressionsniveauer og deres indflydelse på ydeevne

Som nævnt giver Brotli dig mulighed for at justere kompressionen mellem 0 og 11.. Denne indstilling påvirker:

• hastigheden af ​​kompression og dekompression.
• serverens CPU-belastning.
• filens endelige størrelse.

Selvom det maksimale niveau tilbyder de bedste priser, mellemniveauer mellem 4 og 6 De anbefales for deres balance mellem belastning og ydeevne. Faktisk har Cloudflare brugt niveau 4 siden 2017, og i 2023 annoncerede de fuld understøttelse af niveau 11 for at udnytte dets potentiale fuldt ud.

Brotli-kompatibilitet med browsere og servere

Brotli er i øjeblikket kompatibel med over 95% af de tilgængelige browsere på markedet., herunder Chrome, Firefox, Edge, Safari, Brave og Opera.

Hvad angår webservere, er kompatibiliteten som følger:

• Apacheunderstøtter Brotli siden version 2.4 og kan aktiveres ved at tilføje AddOutputFilterByType BROTLI_COMPRESS i arkivet .htaccess.
• Nginxkræver kompilering af Brotli-modulet. Efter installationen aktiveres den ved redigering nginx.conf med direktiver som f.eks. brotli on; y brotli_types.
• LitespeedDen er fuldt kompatibel og aktiveres som standard på servere med cPanel, der bruger den.

Derudover Store CDN-udbydere som Cloudflare, KeyCDN, CDN77 og Amazon CloudFront har adopteret Brotli. I mange tilfælde er brugen allerede aktiveret som standard.

Sådan finder du ud af, om dit websted bruger Brotli-komprimering

Vil du tjekke om din hjemmeside bruger Brotli? Du kan tjekke dette ved hjælp af flere muligheder:

1. Online værktøjer

• KeyCDN Brotli-testhttps://tools.keycdn.com/brotli-test
• Gaven af ​​fart: https://www.giftofspeed.com/GZIP-test/
• Paul Calvano kompressionstesthttps://tools.paulcalvano.com/compression.php

2. HTTP-headere

Du kan også gøre det med terminal ved brug af:

curl -LH "Accepter-kodning: br" -I https://tuweb.com

Hvis svaret vises indholdskodning: br, det betyder at Dit websted bruger Brotli.

Sådan aktiverer du Brotli i WordPress

I WordPress er aktivering af Brotli meget serverafhængig.. Nogle caching-plugins tilbyder dog understøttelse af Brotli eller giver dig mulighed for at aktivere GZIP, hvis Brotli ikke er tilgængelig.

Nyttige anbefalinger:

1. Understøttede cache-plugins

Plugins som W3 Total Cache, WP Rocket eller officielt Cloudflare-plugin kan understøtte Brotli eller aktivere GZIP som et alternativ, hvis din server ikke understøtter det direkte.

2. Kontroller serverkonfigurationen

Mange hostingudbydere aktiverer allerede Brotli automatisk, såsom:

• Kinsta
• SiteGround
• WP Engine
• LucusHost
• Raiola netværk

I de fleste tilfælde er den allerede aktiveret, og du behøver ikke at gøre noget yderligere.. Kontakt teknisk support, hvis du har spørgsmål.

Cloudflare og Brotli end-to-end-komprimering

Cloudflare har taget tingene et skridt videre ved at tilbyde fuld support til Brotli mellem klient og server.. Det vil sige, at den ikke først dekomprimerer dataene, før de sendes til brugeren, men kan videresende komprimerede data direkte.

Tidligere brugte Cloudflare Brotli på niveau 4. Nu giver det dig mulighed for at bruge niveau 11, hvis den oprindelige server også understøtter denne indstilling, hvilket optimerer ydeevnen.

Derudover har den en funktion kaldet Kompressionsregler hvilket giver dig mulighed for at tilpasse, hvilket indhold der komprimeres, og hvordan det komprimeres, baseret på filtypenavn, type, domæne osv.

Den eneste advarsel er, at funktioner som Rocket Loader eller Email Obfuscation kan forstyrre. I disse situationer dekomprimeres og rekomprimeres indholdet ved hjælp af Brotli niveau 4 for kompatibilitet.

Forholdsregler ved brug af Brotli

Trods fordelene er det vigtigt at huske på nogle overvejelser:

• Brotli fungerer kun på HTTPS-forbindelser. Hvis din hjemmeside bruger HTTP, gælder dette ikke.
• Høje komprimeringsniveauer (10-11) bruger flere CPU-ressourcer, hvilket kan påvirke serverens ydeevne, hvis der er mange samtidige anmodninger.
• Nogle ældre hostingkonfigurationer understøtter ikke Brotli eller kræver yderligere indstillinger., især på Apache-servere uden mod_brotli-modulet.

Alligevel, forbedringer i hastighed, SEO, brugeroplevelse og båndbreddebesparelser i vid udstrækning kompensere for disse begrænsninger. Optimering af webpræstation er afgørende for at give en bedre oplevelse og forbedre placeringer i søgemaskinerne. Brotli-komprimering, som i stigende grad anvendes, reducerer størrelsen af ​​HTML-, CSS- og JS-filer betydeligt og positionerer sig som en af ​​de førende algoritmer på det moderne web. Hvis du ikke har det aktiveret på din WordPress eller server endnu, anbefaler vi, at du overvejer det, da det er en gratis open source-løsning med dokumenterede fordele inden for hastighed og dataeffektivitet.