• Support
my.cyonWebmailBestellen
Dies ist eine Beta-Version der neuen cyon-Website
Einige Funktionen funktionieren möglicherweise nicht wie erwartet.

Brotli: Kleinere Brötchen für schnellere Websites

Philipp Zeder

Philipp Zeder in Entwicklung & Performance

Veröffentlicht am 24. Okt. 2017

11Kommentare

Inhaltsverzeichnis

  • Keine schnellen Websites ohne Kompression
  • Brotli: Einen Gang höher schalten
  • Statische Dateien und HTTPS
  • Kleinere Dateien, schnellere Websites: Automatisch

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!

Bereit für den Wechsel?

Wechsle jetzt zu cyon für ein souveräneres und nachhaltigeres Internet.

Jetzt gratis umziehen

Beteilige dich an der Diskussion

11 Kommentare

Pascal
Pascal
8. Jan. 2019

Ich krieg momentan auf keiner Seite bei cyon eine positive Rückmeldung zur Brotli-Verwendung. Wurde dies deaktiviert? Oder sendet Litespeed einen anderen Header?

Philipp Zeder
Philipp Zeder
CYON
8. Jan. 2019

Hi Pascal. Unsere Server senden auch weiterhin Brotli-codierte Dateien, wenn die Voraussetzungen erfüllt sind (siehe oben). Der dazugehörige Header lautet content-encoding: br. Schick uns sonst gerne die Details zur betroffenen Datei an mail@cyon.ch, dann werfen wir einen Blick darauf.

Thomas Schwarz
Thomas Schwarz
26. Okt. 2017

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

Jörn
Jörn
25. Okt. 2017

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

Philipp Zeder
Philipp Zeder
CYON
26. Okt. 2017

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.

Norbert
Norbert
24. Okt. 2017

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

Philipp Zeder
Philipp Zeder
CYON
25. Okt. 2017

Danke Dir, Norbert.

Michael
Michael
24. Okt. 2017

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.

Philipp Zeder
Philipp Zeder
CYON
25. Okt. 2017

Herzlichen Dank für das Lob, Michael.

Nuél
Nuél
24. Okt. 2017

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.

Philipp Zeder
Philipp Zeder
CYON
24. Okt. 2017

Hi Nuél, merci für Deinen Kommentar. Du müsstest beim Test von KeyCDN die direkte URL einer komprimierten Datei (z.B. https://www.cyon.ch/support/search?q=css angeben, dann wird Brotli korrekt erkannt.

Wir machen das Internet zu einem besseren Ort

4.8 / 5
Swiss Label
Swiss Hosting

Hosting

  • Webhosting
  • Webhosting Pro
  • Sitebuilder
  • https:// für alle
  • Umzugsservice

Server

  • Managed Server
  • Agency Server

Domains

  • Domains
  • Domain transferieren
  • Alle Domains

Support

  • Support Center
  • E-Mail Zauberer
  • my.cyon
  • Webmail

Über uns

  • Warum cyon
  • Team
  • Jobs
  • Geschichte
  • Partner*innen
  • Engagement
  • Nachhaltigkeit
  • Infrastruktur
  • Blog

Rechtliches

  • AGB
  • Datenschutzerklärung
  • Impressum
Swiss Label
Swiss Hosting
Folge uns
Newsletter

Schliesse dich 4.000 anderen an (+20 in der letzten Woche neu beigetreten)