![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-293175-6382f3bba4f92.webp\")
<\/a><\/p>\n\n I h\u00e4ndelse av att en webbl\u00e4sare som inte st\u00f6der Brotli beg\u00e4r en tillg\u00e5ng fr\u00e5n en webbplats som levererar Brotli-komprimerade filer, kommer servern att falla tillbaka till Gzip och leverera kodade tillg\u00e5ngar som webbl\u00e4saren st\u00f6der \u2013 f\u00f6rutsatt att servern \u00e4r korrekt konfigurerad.\n<\/p>\n
\n Vad g\u00f6r Brotli b\u00e4ttre?
\n<\/h5>\n
\n Enligt forskning utf\u00f6rd av CertSimple<\/a> :\n<\/p>\n \n Eftersom de flesta webbplatser f\u00f6rlitar sig p\u00e5 alla dessa tre typer av tillg\u00e5ngar, \u00e4r det en avsev\u00e4rd skillnad i tillg\u00e5ngsstorlekar n\u00e4r man j\u00e4mf\u00f6r med Gzip. Dessa besparingar kommer i sin tur att g\u00f6ra en m\u00e4rkbar f\u00f6rb\u00e4ttring av din app prestanda.\n<\/p>\n \n Trots vad du kanske har h\u00f6rt \u00e4r komprimering av tillg\u00e5ngar med Brotli inte l\u00e5ngsammare \u00e4n Gzip. Som sagt, Gzip och Brotli erbjuder varierande niv\u00e5er av komprimering, och Brotlis standardinst\u00e4llningar kan resultera i l\u00e5ngsammare komprimering \u00e4n Gzips standardinst\u00e4llningar. Du m\u00e5ste g\u00f6ra n\u00e5gra justeringar av Brotli f\u00f6r att uppn\u00e5 en acceptabel balans mellan filstorlek och komprimeringshastighet.\n<\/p>\n \n Den idealiska komprimeringsinst\u00e4llningen beror p\u00e5 vad och n\u00e4r du komprimerar. En bra utg\u00e5ngspunkt \u00e4r Brotli 4 f\u00f6r snabbare komprimering av dynamiskt inneh\u00e5ll. \u00c5 andra sidan kan statiska tillg\u00e5ngar komprimeras t\u00e4tare i f\u00f6rv\u00e4g utan att offra hastigheten, s\u00e5 standardinst\u00e4llningen ”11” \u00e4r mer l\u00e4mplig f\u00f6r s\u00e5dant inneh\u00e5ll.\n<\/p>\n \n Att l\u00e4gga till st\u00f6d f\u00f6r Brotli ger betydande vinster f\u00f6r minimal anstr\u00e4ngning. Beroende p\u00e5 vilken webbserverprogramvara du anv\u00e4nder avg\u00f6r vilken integrationsmetod du beh\u00f6ver anv\u00e4nda f\u00f6r att integrera Brotli. F\u00f6ljande beskriver n\u00e5gra tillg\u00e4ngliga alternativ:\n<\/p>\n \n F\u00f6r att visa ett exempel p\u00e5 en snabb installation, l\u00e5t oss s\u00e4ga att du k\u00f6r Nginx. I s\u00e5 fall kan du installera modulen ngx_brotli med f\u00f6ljande:\n<\/p>\n \n L\u00e4gg sedan till f\u00f6ljande i HTTPS-blocket (Brotli k\u00f6rs endast \u00f6ver HTTPS):\n<\/p>\n \n Du kan \u00e4ndra ovanst\u00e5ende direktiv som du tycker \u00e4r l\u00e4mpligt.\n<\/p>\n \n Slutligen, skriv in f\u00f6ljande f\u00f6r att starta om NGINX och b\u00f6rja sk\u00f6rda f\u00f6rdelarna:\n<\/p>\n \n Brotli \u00e4r bra f\u00f6r att leverera f\u00f6rkomprimerade tillg\u00e5ngar mycket snabbare \u00e4n Gzip. Detta beror p\u00e5 det faktum att du kan komprimera dem p\u00e5 Brotlis h\u00f6gsta niv\u00e5 (11) och sedan l\u00e5ta ursprungsservern h\u00e4mta dem n\u00e4r s\u00e5 \u00f6nskas.\n<\/p>\n \n Den h\u00e4r typen av inst\u00e4llningar fungerar utm\u00e4rkt med Webpack eftersom ett Webpack-plugin \u00e4r tillg\u00e4ngligt f\u00f6r att automatiskt komprimera dina statiska tillg\u00e5ngar som b\u00e5de Gzip och Brotli. D\u00e4rf\u00f6r kr\u00e4vs ingen on-the-fly-komprimering vilket inneb\u00e4r att tid som annars g\u00e5r \u00e5t till att komprimera filerna sparas.\n<\/p>\n \n L\u00e4s mer om hur du anv\u00e4nder Webpack f\u00f6r att generera Brotli-komprimerade tillg\u00e5ngar<\/a>.\n<\/p>\n \n F\u00f6r att dra nytta av Brotlis f\u00f6rdelar till fullo beh\u00f6ver du ett n\u00e4tverk f\u00f6r inneh\u00e5llsleverans<\/a> som st\u00f6der det. KeyCDN introducerade till exempel Brotli-support<\/a> f\u00f6rra \u00e5ret f\u00f6r alla kunder utan extra kostnad. D\u00e4rf\u00f6r kommer din webbplats inte bara att dra nytta av minskade filstorlekar tack vare b\u00e4ttre Brotli-komprimering, utan de kommer ocks\u00e5 att dra nytta av minskad latens tack vare att tillg\u00e5ngarna cachelagras p\u00e5 edge-servrar n\u00e4rmare dina bes\u00f6kare.\n<\/p>\n \n Denna metod kr\u00e4ver att din ursprungsserver st\u00f6der Brotli och att den faktiska komprimeringen sker p\u00e5 ursprungsserversidan. \u00c5terigen, detta hj\u00e4lper till att spara tid och undviker behovet av on-the-fly kompression som kan skada prestandan.\n<\/p>\n \n Den lilla m\u00e4ngd anstr\u00e4ngning som kr\u00e4vs f\u00f6r att l\u00e4gga till Brotli till din webbserver \u00e4r v\u00e4l v\u00e4rt de avsev\u00e4rda filstorleksbesparingarna. \u00c4ven om Brotli ibland kan k\u00f6ra l\u00e5ngsammare med sina h\u00f6gsta komprimeringsinst\u00e4llningar, kan du enkelt uppn\u00e5 en idealisk balans mellan komprimeringshastighet och filstorlek genom att justera inst\u00e4llningarna.\n<\/p>\n \n Medan du anv\u00e4nder Brotli kan du f\u00f6rvandla snabba webbappar till snabbare, men det g\u00f6r inte n\u00f6dv\u00e4ndigtvis l\u00e5ngsamma appar snabba. Eftersom Brotli bara komprimerar textbaserade tillg\u00e5ngar m\u00e5ste du optimera dina bilder p\u00e5 andra s\u00e4tt. Om du \u00e4nnu inte har tagit steget till HTTP\/2 kan det g\u00f6ra en enorm skillnad i appens prestanda. Varje millisekund r\u00e4knas, s\u00e5 alla \u00e5tg\u00e4rder du vidtar f\u00f6r att p\u00e5skynda din applikation f\u00f6rb\u00e4ttrar dina chanser att beh\u00e5lla anv\u00e4ndare.\n<\/p>\n<\/p>\n\n
\n Gzip vs Brotli: F\u00e5 ut det mesta av Brotli
\n<\/h5>\n\n Installera Brotli p\u00e5 din webbserver
\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 Anv\u00e4nda Brotli med f\u00f6rkomprimerade tillg\u00e5ngar
\n<\/h5>\n\n St\u00f6der ditt CDN Brotli?
\n<\/h5>\n\n Gzip vs Brotli: Sammanfattningsvis
\n<\/h5>\n