Brotli: Kleinere Brötchen für schnellere Websites

← zurück zum Blog

Wir haben Ihrer Website eine neue Funktion spendiert, die für kleinere Dateien und damit mehr Speed sorgt. Brotli ist kein neues, hippes Gebäck mit fehlendem Umlaut, sondern ein Kompressionsalgorithmus. Der in den Zürcher Büros von Google entwickelte Algorithmus produziert bei vergleichbaren Komprimierungsgeschwindigkeiten kleinere Dateien, als das für Websites gern genutzte Format gzip. Brotli ist seit Kurzem auf allen unseren Servern automatisch aktiv.

Brotli: Kleinere Dateien für schnellere Websites

Keine schnellen Websites ohne Kompression

Textdateien wie HTML, CSS oder JavaScript haben den Vorteil, dass sie sich mit Kompressionsalgorithmen drastisch verkleinern lassen. Und das ohne Qualitätsverlust. Darum sind komprimierte HTML-, CSS- und JavaScript-Dateien ein Muss für jeden, der seine Website schnell an den Betrachter bringen will. Bisher kam dafür die gzip-Kompression zum Einsatz.

Brotli: Einen Gang höher schalten

Brotli wurde von Googles «Compression Team» entwickelt, das in den Zürcher Büros des Internetgiganten zu Hause ist. Daher auch der «Schweizer» Name für den Algorithmus. Brotli reiht sich damit in eine Sammlung von Tools ein, die auf feine Namen wie Zopfli, Gipfeli oder Guetzli hören. Schweizer Backwaren scheinen es den Entwicklern angetan zu haben ;)

Die Kollegen von Akamai haben den Test gemacht. Mit Brotli komprimierte HTML-, CSS-, und JavaScript-Dateien sind im Schnitt 20% kleiner als deren Gegenstücke im gzip-Format.

Statische Dateien und HTTPS

Da Brotli seine Stärken bei statischen Dateien ausspielt, werden von unseren Servern nur Textdateien (also HTML, CSS oder JavaScript) als Brotli komprimiert ausgeliefert, wenn diese Dateien bereits auf dem Dateisystem vorhanden sind. Werden die Dateien dynamisch generiert (z.B. durch ein CMS), werden sie weiterhin als gzip-komprimierte Versionen ausgespielt. So profitieren die Besucher Ihrer Website in allen Fällen von der besten Performance.

Ausserdem wird Brotli nur über verschlüsselte Verbindungen, also HTTPS, ausgeliefert. Ein Grund mehr, SSL-Zertifikate für Ihre Website zu aktivieren.

Bleibt noch die Gretchenfrage: Unterstützen Browser Brotli überhaupt schon? Ja. Edge, Firefox, Chrome, Safari, Opera sowie Safari für iOS und der Android-Browser unterstützen Brotli in ihren aktuellen Versionen. Und sollten Besucher Ihrer Website doch noch keine Brotli-Dateien verarbeiten können, liefern unsere Server automatisch die unterstützte Dateiform.

Brotli-Support in Browsern.

Brotli wird von fast allen Browsers unterstützt. Quelle: caniuse.com

Kleinere Dateien, schnellere Websites: Automatisch

Ihre Website ist mit der Aktivierung von Brotli nochmals einen Tick schneller geworden, weil weniger Daten zum Browser des Besuchers übertragen werden müssen. Und das automatisch. Brotli ist ein weiterer kleiner Baustein in unserem Plan, Ihre Website schneller und damit das Internet zu einem besseren Ort zu machen. Wir haben weitere tolle Funktionen im Köcher. Bleiben Sie gespannt!

9 Kommentare

  1. Grossartig! Brotli müsste also automatisch bei allen Seiten aktiv sein?
    Im gerade entdeckten Online-Test (https://tools.keycdn.com/brotli-test) erscheint die Meldung, Brotli werde nicht unterstützt.

  2. Einfach mal ein grosses Dankeschön an das ganze Cyon Team für die stetigen Verbesserungen für bestehende Kunden. Bei meinem Hosting bei euch kann ich mir sicher sein, dass ich immer zügig von den neusten Technologien profitieren kann. Das ist nicht selbstverständlich und hat ein grosses Lob verdient.

  3. Ja, genau – Michael sagte es bereits … trotzdem von mir AUCH noch ein spezielles Dankeschön dafür!
    Bei cyon bleibt man „am Ball“ :-)
    Beste Grüsse

  4. Hi Philipp,

    allein dafür, dass ihr euer Angebot immer weiter verbessert ein ganz großes Dankeschön. Ich finde euch klasse!

    Ich habe jetzt mal (neugierig) geguckt, ob sich die Werte meiner Seite (mobil 85, Desktop 90) bei Google PageSpeed Insights verbessert haben. Haben sie aber nicht. Kann es sein, dass Google im hauseigenen Test noch nicht auf Brotli eingeht?

    Abendgrüße aus Hamburg

    Jörn

    • Hi Jörn, gemäss diesem Beitrag in der PagesSpeed Insights-Mailingliste versteht das Tool seit einiger Zeit auch Brotli. Informationen dazu, ob der Einsatz von Brotli aber für einen besseren Wert sorgt, konnte ich keine finden. Ich vermute, dass der Einsatz von Brotli oder gzip für die gleiche Punktzahl sorgt.

  5. Yeah, funktioniert!
    Im Response Header steht: content-encoding:br
    Vielen Dank für’s Einbauen

Kommentar hinzufügen

Ihre E-Mail-Adresse wird nicht veröffentlicht.
Auszufüllende Felder sind mit einem * gekennzeichnet.

*
*
*
Einfache HTML Anweisungen wie a, strong, blockquote etc. sind möglich.

Hinweis

Wir behalten uns vor, Spam-, beleidigende oder anderweitig unpassende Kommentare zu entfernen.

← zurück zum Blog