![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-293175-6382f3bba4f92.webp\")
<\/a><\/p>\n\n I tilfelle en nettleser som ikke st\u00f8tter Brotli ber om en ressurs fra et nettsted som leverer Brotli-komprimerte filer, vil serveren falle tilbake til Gzip og levere kodede eiendeler som nettleseren st\u00f8tter \u2013 gitt at serveren er riktig konfigurert.\n<\/p>\n
\n Hva gj\u00f8r Brotli bedre?
\n<\/h5>\n
\n I f\u00f8lge forskning utf\u00f8rt av CertSimple<\/a> :\n<\/p>\n \n Siden de fleste nettsteder er avhengige av alle disse tre typene aktiva, er det en betydelig forskjell i ressursst\u00f8rrelser n\u00e5r man sammenligner med Gzip. Disse besparelsene vil i sin tur gi en merkbar forbedring i appens ytelse.\n<\/p>\n \n Til tross for det du kanskje har h\u00f8rt, er ikke komprimering av eiendeler med Brotli tregere enn Gzip. N\u00e5r det er sagt, tilbyr Gzip og Brotli variable niv\u00e5er av komprimering, og Brotlis standardinnstillinger kan resultere i langsommere komprimering enn Gzips standardinnstillinger. Du m\u00e5 gj\u00f8re noen justeringer av Brotli for \u00e5 finne en akseptabel balanse mellom filst\u00f8rrelse og komprimeringshastighet.\n<\/p>\n \n Den ideelle komprimeringsinnstillingen avhenger av hva og n\u00e5r du komprimerer. Et godt utgangspunkt er Brotli 4 for raskere komprimering av dynamisk innhold. P\u00e5 den annen side kan statiske eiendeler komprimeres tettere p\u00e5 forh\u00e5nd uten \u00e5 ofre hastighet, s\u00e5 standardinnstillingen «11» er mer passende for slikt innhold.\n<\/p>\n \n \u00c5 legge til st\u00f8tte for Brotli gir betydelige gevinster for minimal innsats. Avhengig av hvilken webserverprogramvare du bruker vil avgj\u00f8re hvilken integrasjonsmetode du m\u00e5 bruke for \u00e5 integrere Brotli. F\u00f8lgende skisserer noen tilgjengelige alternativer:\n<\/p>\n \n For \u00e5 demonstrere et eksempel p\u00e5 en rask installasjon, la oss si at du kj\u00f8rer Nginx. I s\u00e5 fall kan du installere ngx_brotli-modulen med f\u00f8lgende:\n<\/p>\n \n Deretter legger du til f\u00f8lgende i HTTPS-blokken (Brotli kj\u00f8rer bare over HTTPS):\n<\/p>\n \n Du kan endre de ovennevnte direktivene etter eget \u00f8nske.\n<\/p>\n \n Til slutt, skriv inn f\u00f8lgende for \u00e5 starte NGINX p\u00e5 nytt og begynne \u00e5 h\u00f8ste fordelene:\n<\/p>\n \n Brotli er flott for \u00e5 levere forh\u00e5ndskomprimerte eiendeler mye raskere enn Gzip. Dette er p\u00e5 grunn av det faktum at du kan komprimere dem p\u00e5 Brotlis h\u00f8yeste niv\u00e5 (11) og deretter f\u00e5 opprinnelsesserveren til \u00e5 hente dem n\u00e5r du blir bedt om det.\n<\/p>\n \n Denne typen oppsett fungerer bra med Webpack, da en Webpack-plugin er tilgjengelig for automatisk \u00e5 komprimere statiske eiendeler som b\u00e5de Gzip og Brotli. Derfor er det ikke n\u00f8dvendig med komprimering underveis, noe som betyr at tiden som ellers brukes p\u00e5 \u00e5 komprimere filene, spares.\n<\/p>\n \n L\u00e6r mer om hvordan du bruker Webpack til \u00e5 generere Brotli-komprimerte eiendeler<\/a>.\n<\/p>\n \n For \u00e5 f\u00e5 fullt utbytte av Brotlis fordeler trenger du et innholdsleveringsnettverk<\/a> som st\u00f8tter det. KeyCDN, for eksempel, introduserte Brotli-st\u00f8tte<\/a> i fjor for alle kunder uten ekstra kostnad. Derfor vil nettstedet ditt ikke bare dra nytte av reduserte filst\u00f8rrelser takket v\u00e6re bedre Brotli-komprimering, men de vil ogs\u00e5 dra nytte av redusert ventetid takket v\u00e6re at eiendelene blir bufret p\u00e5 edge-servere n\u00e6rmere de bes\u00f8kende.\n<\/p>\n \n Denne metoden krever at opprinnelsesserveren din st\u00f8tter Brotli og at selve komprimeringen skjer p\u00e5 opprinnelsesserversiden. Igjen, dette bidrar til \u00e5 spare tid og unng\u00e5r behovet for kompresjon underveis som kan skade ytelsen.\n<\/p>\n \n Den lille innsatsen som kreves for \u00e5 legge Brotli til webserveren din, er vel verdt de betydelige besparelsene p\u00e5 filst\u00f8rrelsen. Selv om Brotli noen ganger kan kj\u00f8re saktere p\u00e5 de h\u00f8yeste komprimeringsinnstillingene, kan du enkelt oppn\u00e5 en ideell balanse mellom komprimeringshastighet og filst\u00f8rrelse ved \u00e5 justere innstillingene.\n<\/p>\n \n Selv om bruk av Brotli kan gj\u00f8re raske nettapper til raskere, vil det ikke n\u00f8dvendigvis gj\u00f8re trege apper raske. Siden Brotli bare komprimerer tekstbaserte eiendeler, m\u00e5 du optimalisere bildene dine p\u00e5 andre m\u00e5ter. Hvis du enn\u00e5 ikke har tatt steget til HTTP\/2, kan det gj\u00f8re en stor forskjell i appens ytelse. Hvert millisekund teller, s\u00e5 enhver handling du gj\u00f8r for \u00e5 \u00f8ke hastigheten p\u00e5 applikasjonen din, forbedrer sjansene dine for \u00e5 beholde brukere.\n<\/p>\n<\/p>\n\n
\n Gzip vs Brotli: F\u00e5 mest mulig ut av Brotli
\n<\/h5>\n\n Installere Brotli p\u00e5 din webserver
\n<\/h5>\n\n
cd nginx-1.x.x\n$ .\/configure --add-module=\/path\/to\/ngx_brotli\n$ make && make install<\/code><\/pre>\nbrotli on;\nbrotli_static on;\nbrotli_comp_level 4;\nbrotli_types text\/plain text\/css application\/javascript application\/json image\/svg+xml application\/xml+rss;<\/code><\/pre>\nsudo systemctl restart nginx<\/code><\/pre>\n\n Bruke Brotli med forh\u00e5ndskomprimerte eiendeler
\n<\/h5>\n\n St\u00f8tter CDN-en din Brotli?
\n<\/h5>\n\n Gzip vs Brotli: Sammendrag
\n<\/h5>\n