![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-293175-6382f3bba4f92.webp\")
<\/a><\/p>\n\n W przypadku, gdy przegl\u0105darka, kt\u00f3ra nie obs\u0142uguje Brotli, za\u017c\u0105da zasobu ze strony dostarczaj\u0105cej pliki skompresowane w Brotli, serwer powr\u00f3ci do Gzip i dostarczy zakodowane zasoby obs\u0142ugiwane przez przegl\u0105dark\u0119 \u2013 pod warunkiem, \u017ce serwer jest prawid\u0142owo skonfigurowany.\n<\/p>\n
\n Co sprawia, \u017ce \u200b\u200bBrotli jest lepszy?
\n<\/h5>\n
\n Wed\u0142ug bada\u0144 przeprowadzonych przez CertSimple<\/a> :\n<\/p>\n \n Poniewa\u017c wi\u0119kszo\u015b\u0107 witryn internetowych opiera si\u0119 na wszystkich trzech typach zasob\u00f3w, jest to znaczna r\u00f3\u017cnica w rozmiarach zasob\u00f3w w por\u00f3wnaniu z Gzip. Te oszcz\u0119dno\u015bci z kolei spowoduj\u0105 zauwa\u017caln\u0105 popraw\u0119 wydajno\u015bci Twojej aplikacji.\n<\/p>\n \n Pomimo tego, co by\u0107 mo\u017ce s\u0142ysza\u0142e\u015b, kompresja zasob\u00f3w za pomoc\u0105 Brotli nie jest wolniejsza ni\u017c Gzip. To powiedziawszy, Gzip i Brotli oferuj\u0105 r\u00f3\u017cne poziomy kompresji, a domy\u015blne ustawienia Brotli mog\u0105 skutkowa\u0107 wolniejsz\u0105 kompresj\u0105 ni\u017c domy\u015blne ustawienia Gzip. B\u0119dziesz musia\u0142 wprowadzi\u0107 pewne zmiany w Brotli, aby uzyska\u0107 akceptowaln\u0105 r\u00f3wnowag\u0119 mi\u0119dzy rozmiarem pliku a szybko\u015bci\u0105 kompresji.\n<\/p>\n \n Idealne ustawienie kompresji zale\u017cy od tego, co i kiedy kompresujesz. Dobrym punktem wyj\u015bcia jest Brotli 4 do szybszej kompresji zawarto\u015bci dynamicznej. Z drugiej strony zasoby statyczne mo\u017cna wcze\u015bniej skompresowa\u0107 bardziej g\u0119sto bez utraty szybko\u015bci, wi\u0119c domy\u015blne ustawienie \u201e11″ jest bardziej odpowiednie dla takich tre\u015bci.\n<\/p>\n \n Dodanie obs\u0142ugi Brotli zapewnia znaczne korzy\u015bci przy minimalnym wysi\u0142ku. W zale\u017cno\u015bci od u\u017cywanego oprogramowania serwera WWW okre\u015blisz, jakiej metody integracji b\u0119dziesz potrzebowa\u0107, aby zintegrowa\u0107 Brotli. Poni\u017cej przedstawiono kilka dost\u0119pnych opcji:\n<\/p>\n \n Aby zademonstrowa\u0107 przyk\u0142ad szybkiej instalacji, powiedzmy, \u017ce u\u017cywasz Nginx. W takim przypadku mo\u017cesz zainstalowa\u0107 modu\u0142 ngx_brotli w nast\u0119puj\u0105cy spos\u00f3b:\n<\/p>\n \n Nast\u0119pnie dodaj nast\u0119puj\u0105ce elementy do bloku HTTPS (Brotli dzia\u0142a tylko przez HTTPS):\n<\/p>\n \n Mo\u017cesz modyfikowa\u0107 powy\u017csze dyrektywy wed\u0142ug w\u0142asnego uznania.\n<\/p>\n \n Na koniec wprowad\u017a nast\u0119puj\u0105ce dane, aby ponownie uruchomi\u0107 NGINX i zacz\u0105\u0107 czerpa\u0107 korzy\u015bci:\n<\/p>\n \n Brotli doskonale nadaje si\u0119 do dostarczania wst\u0119pnie skompresowanych zasob\u00f3w znacznie szybciej ni\u017c Gzip. Wynika to z faktu, \u017ce mo\u017cesz skompresowa\u0107 je na najwy\u017cszym poziomie Brotli (11), a nast\u0119pnie poprosi\u0107 serwer \u017ar\u00f3d\u0142owy o ich odebranie na \u017c\u0105danie.\n<\/p>\n \n Ten rodzaj konfiguracji dzia\u0142a \u015bwietnie z Webpack, poniewa\u017c dost\u0119pna jest wtyczka Webpack do automatycznego kompresowania zasob\u00f3w statycznych, zar\u00f3wno jako Gzip, jak i Brotli. Dlatego nie jest wymagana kompresja w locie, co oznacza oszcz\u0119dno\u015b\u0107 czasu sp\u0119dzonego na kompresowaniu plik\u00f3w.\n<\/p>\n \n Dowiedz si\u0119 wi\u0119cej o tym, jak u\u017cywa\u0107 pakietu Webpack do generowania zasob\u00f3w skompresowanych<\/a> za pomoc\u0105 narz\u0119dzia Brotli .\n<\/p>\n \n Aby w pe\u0142ni czerpa\u0107 korzy\u015bci z Brotli, potrzebujesz obs\u0142uguj\u0105cej j\u0105 sieci dostarczania tre\u015bci .<\/a> Na przyk\u0142ad KeyCDN wprowadzi\u0142 w zesz\u0142ym roku wsparcie Brotli<\/a> dla wszystkich klient\u00f3w bez dodatkowych koszt\u00f3w. W zwi\u0105zku z tym Twoja witryna nie tylko skorzysta na zmniejszonych rozmiarach plik\u00f3w dzi\u0119ki lepszej kompresji Brotli, ale tak\u017ce skorzysta na zmniejszonych op\u00f3\u017anieniach dzi\u0119ki buforowaniu zasob\u00f3w na serwerach brzegowych bli\u017cej odwiedzaj\u0105cych.\n<\/p>\n \n Ta metoda wymaga, aby serwer \u017ar\u00f3d\u0142owy obs\u0142ugiwa\u0142 Brotli i aby rzeczywista kompresja odbywa\u0142a si\u0119 po stronie serwera \u017ar\u00f3d\u0142owego. Ponownie pomaga to zaoszcz\u0119dzi\u0107 czas i unikn\u0105\u0107 konieczno\u015bci kompresji w locie, kt\u00f3ra mo\u017ce zaszkodzi\u0107 wydajno\u015bci.\n<\/p>\n \n Niewielki wysi\u0142ek wymagany do dodania Brotli do serwera WWW jest wart znacznych oszcz\u0119dno\u015bci rozmiaru pliku. Chocia\u017c Brotli mo\u017ce czasami dzia\u0142a\u0107 wolniej przy najwy\u017cszych ustawieniach kompresji, mo\u017cna \u0142atwo osi\u0105gn\u0105\u0107 idealn\u0105 r\u00f3wnowag\u0119 mi\u0119dzy szybko\u015bci\u0105 kompresji a rozmiarem pliku, dostosowuj\u0105c ustawienia.\n<\/p>\n \n Chocia\u017c korzystanie z Brotli mo\u017ce zmieni\u0107 szybkie aplikacje internetowe w szybsze, niekoniecznie sprawi, \u017ce powolne aplikacje b\u0119d\u0105 szybkie. Poniewa\u017c Brotli kompresuje tylko zasoby tekstowe, musisz zoptymalizowa\u0107 swoje obrazy w inny spos\u00f3b. Je\u015bli jeszcze nie przeszed\u0142e\u015b na HTTP\/2, mo\u017ce to mie\u0107 ogromny wp\u0142yw na wydajno\u015b\u0107 Twojej aplikacji. Liczy si\u0119 ka\u017cda milisekunda, wi\u0119c ka\u017cde dzia\u0142anie, kt\u00f3re podejmiesz w celu przyspieszenia aplikacji, zwi\u0119ksza Twoje szanse na zatrzymanie u\u017cytkownik\u00f3w.\n<\/p>\n<\/p>\n\n
\n Gzip vs Brotli: Maksymalne wykorzystanie Brotli
\n<\/h5>\n\n Instalowanie Brotli na twoim serwerze internetowym
\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 U\u017cywanie Brotli ze wst\u0119pnie skompresowanymi zasobami
\n<\/h5>\n\n Czy Tw\u00f3j CDN obs\u0142uguje Brotli?
\n<\/h5>\n\n Gzip kontra Brotli: w skr\u00f3cie
\n<\/h5>\n