Was ist HTTP/2? Alles, was Sie für Web optimization wissen müssen

Möglicherweise wird HTTP/2 in Ihrem Google Lighthouse-Auditbericht angezeigt, entweder grün (in Verwendung) oder als Gelegenheit zur Verbesserung der Seitenladegeschwindigkeit.

Aber was genau ist das und wie kann man HTTP/2 für SEO nutzen?

In diesem Handbuch erfahren Sie, was es ist und wie es funktioniert, die Vor- und Nachteile von HTTP/2 und wie Sie es implementieren, um Ihre Ziele für die Seitengeschwindigkeit zu erreichen.

Was ist HTTP/2?

HTTP/2 ist ein Protokoll zur Steuerung der Kommunikation zwischen einem Browser, der eine Anfrage stellt, und dem Server, der die angeforderten Informationen enthält.

Es wurde 2015 offiziell standardisiert und geht von HTTP/1 aus, das seit über 15 Jahren für das Web dient.

Google bestätigte, dass sie im November 2020 mit dem Crawlen von Websites über HTTP/2 beginnen würden, und John Mueller bestätigte im Mai 2021, dass sie bereits über die Hälfte aller URLs mit dem HTTP/2-Protokoll crawlen.

Er sagte damals: „Das bedeutet, dass der Googlebot nicht mehr so ​​viel Zeit mit dem Crawlen Ihres Servers verbringen muss wie zuvor.“

Werbung

Weiter unten lesen

Was ist ein Protokoll?

Ein Protokoll ist im Wesentlichen der Satz von Regeln, um die Anforderung zwischen Clients und Servern zu verwalten. Es besteht normalerweise aus drei Hauptteilen: Kopfzeile, Nutzlast und Fußzeile.

Das Header enthält Informationen einschließlich der Quell- und Zieladresse der Seite sowie Angaben zu Größe und Typ.

Das Nutzlast sind die eigentlichen Informationen, die übertragen werden.

Es folgt die Fusszeile, die die Anfrage an den vorgesehenen Empfänger weiterleitet und eine fehlerfreie Übertragung der Daten an den Browser sicherstellt.

Wie funktioniert HTTP/2 anders als HTTP/1?

Meine Lieblingsmethode zum Verständnis von HTTP-Anfragen ist die Truck-Analogie von Tom Anthony.

Im Grunde stellt ein Lkw die Anfrage des Clients an den Server dar, und die Straße, die der Lkw zurücklegt, ist die Netzwerkverbindung.

Sobald der LKW, der die Anfrage vom Browser trägt, den Server erreicht, lädt er die Antwort und trägt sie zurück zum Browser.

HTTPS fügt diesen Antworten eine Schutzebene hinzu, um sicherzustellen, dass niemand in das Innere des LKWs sehen kann, um zu sehen, was er enthält, beispielsweise personenbezogene Daten oder sensible Informationen.

Werbung

Weiter unten lesen

Das Hauptproblem dabei ist, dass die LKWs, die die Anfrage stellen, nicht schneller als Lichtgeschwindigkeit fahren können. Außerdem müssen sie mit einer konstanten Geschwindigkeit reisen, unabhängig davon, wie groß die Anfrage ist und wie weit sie reisen müssen, um dorthin zu gelangen.

Zu beachten ist auch, dass die meisten Websites eine Abfolge vieler Anfragen und Antworten benötigen, um eine Seite zu laden. Beispielsweise können auch Bilddateien, CSS- und/oder JavaScript-Dateien eigene Abhängigkeiten aufweisen, die mehr Fahrten zwischen Browser und Server erfordern.

Bei Anfragen über HTTP/1 benötigt jeder Lkw eine eigene Straßen- bzw. Netzwerkanfrage und für bestimmte Anfragen müssen auch neue Netzwerkanfragen gestellt werden. Dies alles erhöht die Latenz.

Normalerweise können nur sechs gleichzeitige Verbindungen gleichzeitig hergestellt werden, was dazu führt, dass andere Anforderungen gezwungen werden, darauf zu warten, dass Netzwerkverbindungen frei sind. Wasserfalldiagramme sind eine nützliche Methode, um diese Latenz in Aktion zu sehen.

Geben Sie HTTP/2 . ein

Hier kann HTTP/2 verwendet werden, um das Anfrageverhalten positiv zu beeinflussen.

Darüber hinaus bedeutet die Multiplex-Funktion, dass mehr LKWs gleichzeitig auf einer einzigen Straße fahren können, sodass die Netzwerkverbindung mehr Anfragen verarbeiten und mehr Antworten schneller liefern kann.

Der Inhalt dieser Anfragen und Antworten bleibt gleich; sie werden nur etwas anders gehandhabt.

Eine weitere nützliche Funktion von HTTP/2 ist Server Push, was bedeutet, dass der Server auf eine Anfrage mit mehreren Antworten gleichzeitig antworten kann.

Sagen wir zum Beispiel, wir müssen CSS- und JavaScript-Dateien zusammen mit dem HTML zurückgeben; diese können alle gleichzeitig gesendet werden, anstatt einzeln an den Browser geliefert zu werden.

HTTP/2-Tech-Funktionen

HTTP/2 basiert auf derselben Syntax wie HTTP/1, was bedeutet, dass das Protokoll eher eine Aktualisierung als eine vollständige Migration darstellt. Dies war eine bewusste Entscheidung, um den Übergang so reibungslos wie möglich zu gestalten.

Werbung

Weiter unten lesen

Zu den wichtigsten Funktionen von HTTP/2 gehören:

Binär nicht textuell

HTTP/2 führt eine Änderung des Transformationsprotokolls von Text zu Binär ein, um die Zyklen von Anfrage zu Antwort abzuschließen. Die gleichen Aufgaben werden ausgeführt, nur mit binären Befehlen — 1s und 0s, anstatt Text.

Dies wurde getan, um die Implementierungen von Befehlen zu vereinfachen und sie einfacher zu generieren und zu analysieren.

Multiplex

Multiplexing ermöglicht die gleichzeitige Ausführung mehrerer Anfragen über eine einzige Verbindung. Dadurch wird die Nutzlast in kleinere Sequenzen aufgeteilt, geparst und über eine einzige Verbindung übertragen und dann wieder zusammengesetzt, bevor sie den Browser erreichen.

Das Hauptziel dieser Änderung bestand darin, Probleme mit ressourcenintensiven Anfragen zu beheben und zu verhindern, dass Anfragen und Antworten andere blockieren.

Header-Komprimierung

Die Header-Komprimierung soll den Overhead reduzieren, der mit dem Slow-Start-Mechanismus in HTTP/1 einhergeht.

Da die meisten Websites reich an Grafiken und Inhalten sind, führen Client-Anfragen dazu, dass mehrere nahezu identische Header-Frames an den Browser zurückgesendet werden, was zu Latenzen und unnötigem Verbrauch bereits begrenzter Netzwerkressourcen führen kann.

Werbung

Weiter unten lesen

Der Header-Komprimierungsmechanismus bietet die Möglichkeit, eine große Anzahl redundanter Header-Frames zu komprimieren, und ermöglicht dem Server, eine Liste von Headern zu führen, die in früheren Anforderungen verwendet wurden. Im Wesentlichen werden die Header in einem komprimierten Block codiert und zusammen an den Client gesendet.

Server-Push

Dadurch können Ressourcen, die wahrscheinlich verwendet werden, in den Cache eines Browsers verschoben werden, bevor sie angefordert werden. Informationen oder Ressourcen, von denen erwartet wird, dass sie in zukünftigen Anforderungen (basierend auf früheren Anforderungen) enthalten sein werden, werden ebenfalls mitgesendet, anstatt auf eine andere Client-Antwort darauf zu warten.

Dies verhindert die Notwendigkeit eines weiteren Anfrage- und Antwort-Roundtrips und soll die Netzwerklatenz reduzieren, die mit mehreren Ressourcen einhergeht, die zum Laden einer Seite verwendet werden.

Stream-Priorisierung

Bei der Stream-Priorisierung wird bestimmten Datenströmen der Vorzug gegeben, basierend auf den Abhängigkeiten und der Gewichtung, die jedem zugewiesen werden.

Dadurch kann der Server die Ressourcenzuweisung basierend auf den Anforderungen des Endbenutzers optimieren.

Werbung

Weiter unten lesen

HTTP/2 und HTTPS

Unterstützung für HTTP/2 ist nur über verschlüsselte Verbindungen verfügbar, was bedeutet, dass HTTPS erforderlich ist. Es überrascht nicht, dass sich die beiden in vielerlei Hinsicht ergänzen.

Es erhöht nicht nur die Sicherheit für Benutzer und Anwendungen, sondern erfordert auch weniger TLS-Handshakes und führt zu einem geringeren Ressourcenverbrauch sowohl auf der Client- als auch auf der Serverseite.

Vorteile von HTTP/2

Natürlich bringt HTTP/2 als aktualisierte Technologie einige Vorteile.

Die Aktualisierung auf HTTP/2 ist keine Migration und erfordert keine Änderung der URLs. Es ist eine Protokolländerung, die von der SEO-Seite nicht allzu viel Aufwand erfordert.

Im Folgenden habe ich vier der größten Vorteile aus der SEO-Perspektive untersucht, diese Liste erhebt jedoch keinen Anspruch auf die Gesamtvorteile von HTTP/2.

Webleistung

Mehrere der neuen Funktionen in HTTP/2 wurden entwickelt, um die Leistung von Websites zu verbessern und Ressourcen zu sparen, die zum Crawlen von Websites erforderlich sind.

Multiplexing bedeutet beispielsweise, dass sich Anfragen und Antworten nicht gegenseitig blockieren, was dazu beiträgt, die Latenz zu reduzieren und wiederum eine schnellere Web-Performance zu bieten.

Werbung

Weiter unten lesen

Die Möglichkeit, mehr Daten pro Kommunikationsanfrage zu senden und zu empfangen, ist ein weiteres praktisches Beispiel für Leistungsvorteile.

Darüber hinaus ermöglicht die Stream-Priorisierung eine effektive Ressourcennutzung, wodurch die Zeit für die Übermittlung von Inhaltsanforderungen an den Benutzer reduziert wird.

Mobile Leistung

Neben der allgemeinen Web-Performance kann dank HTTP/2 auch die mobile Performance verbessert werden. Dies liegt daran, dass es im Kontext der aktuellen Nutzungstrends entwickelt wurde, die das Handy definitiv ist.

Multiplexing und Header-Komprimierung tragen insbesondere dazu bei, die Latenz beim Zugriff auf Webseiten zu reduzieren, und dies wird auch in Mobilfunknetzen beobachtet, die möglicherweise eine begrenzte Bandbreite haben.

Im Wesentlichen optimierte HTTP/2 das Web-Erlebnis für mobile Benutzer auf eine Weise, die bisher nur Desktop-Benutzern zugeschrieben wurde, einschließlich durch Leistung und Sicherheit.

Verbesserte Benutzererfahrung

Aufgrund der oben genannten Performance-Verbesserungen wird auch die User Experience durch HTTP/2 positiv beeinflusst. Es ist kein Geheimnis, dass eine schnell ladende Website zu einer erhöhten Kundenzufriedenheit und allgemeinen Markenpräsenz führt.

Wie Google sagt, steigt die Wahrscheinlichkeit der Absprungrate um 32 %, wenn der Seitenladevorgang von 1 Sekunde auf 3 Sekunden dauert, und HTTP/2 ist nur eine Möglichkeit, die Ladegeschwindigkeit zu verbessern.

Werbung

Weiter unten lesen

Erhöhte Sicherheit

Da HTTP/2 über HTTPS bereitgestellt werden muss, wird sichergestellt, dass alle Websites verschlüsselt und gesichert sind.

Darüber hinaus hilft es auch sicherzustellen, dass die Anwendungen selbst vor böswilligen Angriffen geschützt sind, die dazu führen könnten, dass die Website mit manuellen Strafen belegt oder möglicherweise ganz aus den Suchergebnissen entfernt wird.

Vorteile für SEO

All dies zusammen wird sich natürlich auch positiv auf SEO auswirken.

Während Google bestätigt hat, dass die Nutzung von HTTP/2 keinen direkten Ranking-Boost bietet, werden diese Faktoren indirekt insbesondere in das kommende Page Experience-Update einfließen.

Sie alle können sich zusammen mit der Benutzererfahrung und den Conversions auch auf die Sichtbarkeit einer Website in der Suche auswirken.

Nachteile von HTTP/2

Wie bei allen Technologien bringt HTTP/2 auch einige Nachteile mit sich, die Sie berücksichtigen sollten.

Ein Nachteil ist, dass nicht alle Browser HTTP/2 unterstützen. Es ist erwähnenswert, dass die meisten großen Browser Ende 2015 die Unterstützung für das neue Protokoll hinzugefügt haben. Es lohnt sich jedoch sicherzustellen, dass die Browser, mit denen Ihre Benutzer auf die Site zugreifen, unterstützt werden.

Werbung

Weiter unten lesen

Caniuse.com zeigt, welche Browser HTTP/2 unterstützen, und zum Zeitpunkt des Schreibens gibt es neun ältere Browserversionen, die es derzeit nicht unterstützen. Die weltweite Nutzung dieser Browser ist jedoch gering.

Aufgrund der Server-Push-Funktion besteht die Möglichkeit einer verschwendeten Bandbreite durch Daten, die möglicherweise an den Browser gesendet, aber nicht tatsächlich verwendet werden.

Nur weil eine Anforderung zum Laden einer Seite möglicherweise ein bestimmtes Asset erfordert oder erwartet wird, dass eine weitere Anforderung gestellt wird, bedeutet dies nicht immer, dass dies der Fall ist. Dies bedeutet, dass möglicherweise unnötige Ressourcen an den Browser gesendet werden.

Werbung

Weiter unten lesen

Da Multiplexing dazu führen kann, dass der Server kurze Bursts einer Reihe von Anforderungen gleichzeitig empfängt, kann dies Server überfordern, insbesondere wenn sie nicht gedrosselt werden. Außerdem kann es beim Debuggen zu geringfügigen Verzögerungen und Komplikationen kommen, da das Binärformat anstelle des in HTTP/1 verwendeten Textformats verwendet wird.

Implementieren von HTTP/2

Das Upgrade auf HTTP/2 hängt letztendlich von Ihrem Server ab. Wenn Sie HTTP/2 derzeit nicht unterstützen können, wenden Sie sich an Ihren Serveradministrator oder Hosting-Provider.

Wenn Ihr Server HTTP/2 unterstützen kann, kann er Inhalte automatisch über das neue Protokoll bereitstellen. Sie können sicherstellen, dass Ihr Server dies unterstützt, indem Sie sicherstellen, dass Sie ein CDN verwenden, das auch HTTP/2 unterstützt, und dass Sie über ein aktuelles HTTPS-Zertifikat verfügen.

Sie können testen, ob Ihr Server HTTP/2 unterstützt, indem Sie die Site http2.pro verwenden. Dadurch erfahren Sie, ob Ihr Server HTTP/2, ALPN und Server-Push unterstützt.

HTTP2 Pro-Serverunterstützung.

Darüber hinaus können Sie in den Chrome Dev Tools überprüfen, welche Ressourcen derzeit über HTTP/2 bereitgestellt werden.

Chrome Dev Tools-Protokoll.

Laden Sie die Seite neu und überprüfen Sie die Listen der zum Laden der Seite gestellten Anforderungen. In der Protokollspalte sehen Sie, welche Ressourcen über HTTP/2 zurückgegeben wurden. Google bezeichnet dies als h2.

HTTP2 im Netzwerk.

Beachten Sie, dass Sie den Googlebot nicht „erzwingen“ können, Ihre Website über HTTP/2 zu crawlen.

Werbung

Weiter unten lesen

Wenn Ihre Website dies unterstützt, kann sie mit dem Protokoll gecrawlt werden. Google wird dies jedoch vorerst nur tun, wenn sie es für sinnvoll erachten (ressourcenschonend).

Ein Google Lighthouse-Audit wird auch angezeigt, wenn Ihre Website über HTTP/2 geladen wird.

Leuchtturm HTTP2.

Wenn Ihre Site noch kein HTTP/2 verwendet, wird es wahrscheinlich als empfohlene Gelegenheit hinzugefügt.

HTTP/2-Empfehlung.

Wenn Sie mehr über HTTP/2 erfahren möchten, empfehle ich Ihnen dringend, die Google-Entwicklerdokumentation sowie diese HTTP2-FAQs zu lesen.

Werbung

Weiter unten lesen

Mehr Ressourcen:

Bildnachweise

Alle Screenshots vom Autor, Juni 2021

Comments are closed.