{"id":49549,"date":"2022-04-26T08:08:53","date_gmt":"2022-04-26T07:08:53","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=49549&preview=true&preview_id=49549"},"modified":"2023-07-27T14:00:19","modified_gmt":"2023-07-27T13:00:19","slug":"brotli-komprimierung","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/brotli-komprimierung\/","title":{"rendered":"Brotli Komprimierung: Eine schnelle Alternative zur GZIP-Kompression"},"content":{"rendered":"

Geschwindigkeit ist f\u00fcr jede Webseite wichtig. Im Streben nach schnellen Ladezeiten gibt es eine Reihe von Technologien, die uns dabei helfen. Ein Ansatz besteht darin, den zugrunde liegenden Code deiner Webseite zu minimieren, ohne ihre Funktionsweise zu beeintr\u00e4chtigen. Die GZIP-Komprimierung ist eine M\u00f6glichkeit, dies zu erreichen, aber die Brotli-Komprimierung<\/a> ist eine alternative, noch junge Methode, die viel Aufmerksamkeit auf sich zieht.<\/p>\n

Es handelt sich dabei um eine von Google entwickelte L\u00f6sung<\/a>, die eine Reihe von Vorteilen gegen\u00fcber der GZIP-Komprimierung (und auch eine Alternative dazu) bietet. Was genau die Technologie ausmacht, wird in diesem Artikel n\u00e4her erl\u00e4utert, aber die Brotli-Komprimierung ist schnell und effizient – Grund genug sie n\u00e4her kennenzulernen.<\/p>\n

Unser Video-Leitfaden zur Brotli-Komprimierung<\/a><\/h3>\n<\/kinsta-video>\n

In diesem Leitfaden werden wir uns mit der Brotli-Komprimierung befassen und dir zeigen, wie du \u00fcberpr\u00fcfen kannst, ob deine Webseite diese Technologie nutzt und wie du sie bei Bedarf aktivieren kannst. Zun\u00e4chst werden wir Brotli in den Bereich der Komprimierungsalgorithmen einordnen und erkl\u00e4ren, warum du es gegen\u00fcber anderen L\u00f6sungen bevorzugen solltest.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Datenkomprimierung f\u00fcr das Web<\/h2>\n

Bei der Datenkompression wird der Code einer Webseite oder App komprimiert und die Dateigr\u00f6\u00dfe verringert. So kannst du die Dateien im Web leichter verschieben und die Lade- und Darstellungszeit<\/a> einer Webseite verk\u00fcrzen. Je nachdem, mit welchem Dateityp du arbeitest, gibt es viele M\u00f6glichkeiten, die Daten zu komprimieren.<\/p>\n

Ein g\u00e4ngiger Ansatz ist die „Minifizierung“ Dabei entfernt ein Algorithmus einige \u00fcberfl\u00fcssige Elemente aus dem Code deiner Webseite. Die Idee dahinter ist, dass Aspekte wie Einr\u00fcckungen, Kommentare, Leerzeichen und mehr die Dateigr\u00f6\u00dfe und damit die Ladezeiten<\/a> erh\u00f6hen.<\/p>\n\n

Wenn du diese Elemente entfernst, hat das in den meisten F\u00e4llen keinen Einfluss auf die User Experience (UX). Allerdings wird<\/i> es f\u00fcr die Computer, die den Code kompilieren und darstellen m\u00fcssen, einfacher. Nehmen wir zum Beispiel diese Codefolge:<\/p>\n

define( 'WP_INSTALLING', true );\n\n\/** Sets up the WordPress Environment. *\/\nrequire __DIR__ . '\/wp-load.php';\nrequire __DIR__ . '\/wp-blog-header.php';\nif ( ! is_multisite() ) {\n  wp_redirect( wp_registration_url() );\n  die();\n}\n\n$valid_error_codes = array( 'already_active', 'blog_taken' );<\/code><\/pre>\n
Der obige Code verwendet Elemente wie Leerzeichen und Zeilenumbr\u00fcche, um ihn f\u00fcr Menschen lesbar zu machen, aber ein Computer braucht sie nicht, um den Kerncode zu verstehen. Au\u00dferdem nehmen diese Leerzeichen und Zeilenumbr\u00fcche wertvollen Platz ein, der, wenn er entfernt wird, zu einer Leistungssteigerung f\u00fchren kann.<\/p>\n
Wenn du den Code verkleinerst, sieht er ganz anders aus:<\/p>\n
define( 'WP_INSTALLING', true ); \/** Sets up the WordPress Environment. *\n\/ require __DIR__ . '\/wp-load.php';\nrequire __DIR__ . '\/wp-blog-header.php';\nif ( ! is_multisite() ) {\n  wp_redirect( wp_registration_url() );\n  die();\n}\n\n$valid_error_codes = array( 'already_active', 'blog_taken' );<\/code><\/pre>\n
Die grundlegenden Funktionen des Codes sind jedoch immer noch dieselben.<\/p>\n
Du wirst feststellen, dass es auch bei anderen Dateitypen M\u00f6glichkeiten gibt, Daten zu komprimieren. Bilder zum Beispiel m\u00fcssen oft stark komprimiert werden, um sie zu verkleinern, ohne dass das Bild selbst darunter leidet:<\/p>\n
\"Das
Ein Beispiel f\u00fcr ein optimiertes Bild<\/figcaption><\/figure>\n
Die GZIP-Komprimierung<\/a> ist ein Standardverfahren, um die Gr\u00f6\u00dfe von Dateib\u00fcndeln zu minimieren – man denke an Pakete wie ZIP oder Linux .tar<\/code> bundles. Aber bis jetzt gab es keine wirklichen Alternativen. Wir werden sp\u00e4ter mehr dar\u00fcber reden, warum eine Alternative n\u00f6tig ist, aber zuerst wollen wir dir den „Konkurrenten“ von GZIP vorstellen<\/p>\n
Brotli Komprimierung<\/h2>\n
Kurz gesagt: Brotli ist ein Algorithmus zur Datenkompression. Aber wenn das alles w\u00e4re, was es dazu zu sagen gibt, g\u00e4be es keinen Grund, ihn zu untersuchen.<\/p>\n
Er bietet eine „verlustfreie“ Kompression und wird von Google unter einer MIT-Lizenz<\/a> entwickelt. Das Unternehmen ist oft Vorreiter bei der Entwicklung von Webtechnologien. Daher ist es nicht verwunderlich, dass Brotli versucht, die Funktionen von GZIP zu \u00fcbernehmen, sie zu verbessern und den Nutzern von Webseiten ein besseres Erlebnis zu bieten.<\/p>\n
Die Brotli-Komprimierung nutzt dieselben Basistechnologien wie die GZIP-Komprimierung, n\u00e4mlich:<\/p>\n