![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-293175-6382f3bba4f92.webp\")
<\/a><\/p>\n\n F\u00fcr den Fall, dass ein Browser, der Brotli nicht unterst\u00fctzt, ein Asset von einer Website anfordert, die Brotli-komprimierte Dateien bereitstellt, greift der Server auf Gzip zur\u00fcck und liefert verschl\u00fcsselte Assets, die der Browser unterst\u00fctzt \u2013 vorausgesetzt, der Server ist richtig konfiguriert.\n<\/p>\n
\n Was macht Brotli besser?
\n<\/h5>\n
\n Laut einer von CertSimple<\/a> durchgef\u00fchrten Studie :\n<\/p>\n \n Da die meisten Websites auf alle drei dieser Arten von Assets angewiesen sind, ist dies ein erheblicher Unterschied in der Asset-Gr\u00f6\u00dfe im Vergleich zu Gzip. Diese Einsparungen f\u00fchren wiederum zu einer sp\u00fcrbaren Verbesserung der Leistung Ihrer App.\n<\/p>\n \n Trotz allem, was Sie vielleicht geh\u00f6rt haben, ist das Komprimieren von Assets mit Brotli nicht langsamer als Gzip. Allerdings bieten Gzip und Brotli variable Komprimierungsstufen, und die Standardeinstellungen von Brotli k\u00f6nnen zu einer langsameren Komprimierung f\u00fchren als die Standardeinstellungen von Gzip. Sie m\u00fcssen einige Anpassungen an Brotli vornehmen, um ein akzeptables Gleichgewicht zwischen Dateigr\u00f6\u00dfe und Komprimierungsgeschwindigkeit zu finden.\n<\/p>\n \n Die ideale Komprimierungseinstellung h\u00e4ngt davon ab, was und wann Sie komprimieren. Ein guter Ausgangspunkt ist Brotli 4 f\u00fcr eine schnellere Komprimierung dynamischer Inhalte. Andererseits lassen sich statische Assets ohne Geschwindigkeitseinbu\u00dfen vorher st\u00e4rker komprimieren, daher ist die Voreinstellung von \u201e11″ f\u00fcr solche Inhalte besser geeignet.\n<\/p>\n \n Das Hinzuf\u00fcgen von Unterst\u00fctzung f\u00fcr Brotli bietet erhebliche Vorteile bei minimalem Aufwand. Je nachdem, welche Webserver-Software Sie verwenden, wird bestimmt, welche Integrationsmethode Sie verwenden m\u00fcssen, um Brotli zu integrieren. Im Folgenden sind einige verf\u00fcgbare Optionen aufgef\u00fchrt:\n<\/p>\n \n Um ein schnelles Installationsbeispiel zu demonstrieren, nehmen wir an, Sie f\u00fchren Nginx aus. In diesem Fall k\u00f6nnen Sie das Modul ngx_brotli wie folgt installieren:\n<\/p>\n \n F\u00fcgen Sie als N\u00e4chstes Folgendes zum HTTPS-Block hinzu (Brotli l\u00e4uft nur \u00fcber HTTPS):\n<\/p>\n \n Sie k\u00f6nnen die obigen Anweisungen nach Belieben \u00e4ndern.\n<\/p>\n \n Geben Sie abschlie\u00dfend Folgendes ein, um NGINX neu zu starten und die Vorteile zu nutzen:\n<\/p>\n \n Brotli eignet sich hervorragend, um vorkomprimierte Assets viel schneller als Gzip bereitzustellen. Dies liegt daran, dass Sie sie auf der h\u00f6chsten Stufe von Brotli (11) komprimieren und sie dann auf Anfrage vom Ursprungsserver abholen lassen k\u00f6nnen.\n<\/p>\n \n Diese Art der Einrichtung funktioniert hervorragend mit Webpack, da ein Webpack-Plugin verf\u00fcgbar ist, um Ihre statischen Assets automatisch als Gzip und Brotli zu komprimieren. Daher ist keine spontane Komprimierung erforderlich, was bedeutet, dass Zeit gespart wird, die ansonsten f\u00fcr das Komprimieren der Dateien aufgewendet wird.\n<\/p>\n \n Erfahren Sie mehr \u00fcber die Verwendung von Webpack zum Generieren von Brotli-komprimierten Assets<\/a>.\n<\/p>\n \n Um die Vorteile von Brotli voll aussch\u00f6pfen zu k\u00f6nnen, ben\u00f6tigen Sie ein Content Delivery Network<\/a>, das dies unterst\u00fctzt. KeyCDN beispielsweise f\u00fchrte letztes Jahr den Brotli-Support<\/a> f\u00fcr alle Kunden ohne zus\u00e4tzliche Kosten ein. Daher profitiert Ihre Website nicht nur von reduzierten Dateigr\u00f6\u00dfen dank besserer Brotli-Komprimierung, sondern auch von reduzierter Latenzzeit, da die Assets auf Edge-Servern zwischengespeichert werden, die n\u00e4her bei Ihren Besuchern liegen.\n<\/p>\n \n Diese Methode erfordert, dass Ihr Ursprungsserver Brotli unterst\u00fctzt und dass die eigentliche Komprimierung auf der Seite des Ursprungsservers erfolgt. Auch dies hilft, Zeit zu sparen und vermeidet die Notwendigkeit einer spontanen Komprimierung, die die Leistung beeintr\u00e4chtigen kann.\n<\/p>\n \n Der geringe Aufwand, der erforderlich ist, um Brotli zu Ihrem Webserver hinzuzuf\u00fcgen, ist die erheblichen Einsparungen bei der Dateigr\u00f6\u00dfe wert. Obwohl Brotli bei den h\u00f6chsten Komprimierungseinstellungen manchmal langsamer l\u00e4uft, k\u00f6nnen Sie leicht ein ideales Gleichgewicht zwischen Komprimierungsgeschwindigkeit und Dateigr\u00f6\u00dfe erreichen, indem Sie die Einstellungen anpassen.\n<\/p>\n \n W\u00e4hrend die Verwendung von Brotli schnelle Web-Apps in schnellere verwandeln kann, werden langsame Apps nicht unbedingt schnell. Da Brotli nur textbasierte Assets komprimiert, m\u00fcssen Sie Ihre Bilder auf andere Weise optimieren. Wenn Sie den Sprung zu HTTP\/2 noch nicht geschafft haben, kann dies einen gro\u00dfen Unterschied in der Leistung Ihrer App bewirken. Jede Millisekunde z\u00e4hlt, daher verbessert jede Ma\u00dfnahme, die Sie ergreifen, um Ihre Anwendung zu beschleunigen, Ihre Chancen, Benutzer zu halten.\n<\/p>\n<\/p>\n\n
\n Gzip vs Brotli: Das Beste aus Brotli herausholen
\n<\/h5>\n\n Brotli auf Ihrem Webserver installieren
\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 Verwenden von Brotli mit vorkomprimierten Assets
\n<\/h5>\n\n Unterst\u00fctzt Ihr CDN Brotli?
\n<\/h5>\n\n Gzip vs. Brotli: Zusammenfassung
\n<\/h5>\n