Ein genauerer Blick auf HTTP/2: Wie es funktioniert und was es für das Web bedeutet

Was ist HTTP/2?

Das HTTP/1.1-Protokoll wird seit 1999 verwendet und hat im Laufe der Zeit ein erhebliches Problem bekommen. Moderne Websites verwenden im Gegensatz zu dem, was 1999 populär war, viele verschiedene Elemente: JavaScript-Skripte, CSS-Stile und manchmal auch Flash-Animationen. Wenn Sie alle übertragen, stellen der Browser und der Server mehrere Verbindungen her.

Das HTTP/2-Protokoll beschleunigt die Website-Geschwindigkeit aufgrund der folgenden Funktionen erheblich:

• Verbindungen: Mehrere Anfragen können über eine einzelne TCP-Verbindung gesendet und Antworten in beliebiger Reihenfolge empfangen werden. Es besteht keine Notwendigkeit, mehrere TCP-Verbindungen aufrechtzuerhalten.
• Threadprioritäten: Der Client kann die Serverprioritäten festlegen – welche Art von Ressourcen sind ihm wichtiger als andere.
• Header-Komprimierung: Die Größe des HTTP-Headers kann reduziert werden.
• Push-Versand der Daten von der Serverseite: Der Server kann die noch nicht angeforderten Daten an den Client senden, beispielsweise basierend auf Daten über die nächste Seite, die die Benutzer öffnen werden.

Die Entwicklung des HTTP 2-Protokolls basierte auf dem von Google entwickelten SPDY-Protokoll. Aber Google hat bereits angekündigt, einem vielversprechenderen HTTP/2 die weitere SPDY-Unterstützung zu verweigern.

Lesen Sie: Warum ist Ihre WordPress-Seite langsam und wie können Sie sie beschleunigen?

Hauptmerkmale von HTTP/2

• Multiplexing
• Server-Push
• Header-Komprimierung
• Stream-Priorisierung
• Ablaufsteuerung

Unterschied zwischen HTTP und HTTP 2

Die Änderungen, die am ersten Protokoll vorgenommen wurden, erfordern nicht viele Änderungen in der Art und Weise, wie die Anwendungen arbeiten. Es gibt jedoch einen Vorteil für neue Anwendungen, die mit erhöhter Geschwindigkeit arbeiten. Die wichtigsten Unterschiede zwischen den beiden Protokollen wurden im Folgenden verglichen:

Unten finden Sie eine gute visuelle Darstellung des grundlegenden Unterschieds zwischen HTTP/1 und HTTP/2 (mit freundlicher Genehmigung von: http://ruzhekov.com).

Vor- und Nachteile von HTTP/2

Warum brauchte die Welt HTTP/2?

• HTTP wurde erstmals 1991 beschrieben und seine neueste Version, HTTP/1.1, wurde 1999 genehmigt und wird noch heute verwendet.
• Die Größe von Websites ist im Laufe der Jahre erheblich gewachsen, was zu langsamen Ladezeiten und Einschränkungen bei der Anzahl gleichzeitiger Verbindungen mit HTTP/1.1 geführt hat.
• Temporäre Lösungen wie die Optimierung der Website-Belastung wurden implementiert, bieten jedoch nur eine kurzfristige Lösung.
• Google-Ingenieure begannen 2009 mit der Arbeit an der Verbesserung des Protokolls, was zur Erstellung des SPDY-Protokolls führte, das schneller ist und von den meisten Browsern unterstützt wird, aber serverseitige Unterstützung erfordert.
• HTTP/2 basiert auf SPDY und ist abwärtskompatibel mit HTTP/1.1. Es besteht keine unmittelbare Notwendigkeit für ein Upgrade, aber möglicherweise werden Websites mit dem älteren Protokoll langsamer geladen.

Ist HTTP/2 wirklich schneller?

HttpWatch Experts führte mehrere Tests durch und fand eine ernsthafte Beschleunigung mit HTTP 2.

Der folgende Screenshot zeigt die Download-Geschwindigkeit der Seite mit HTTP / 1.1:

Und auf diesem Screenshot – das Ergebnis der Verwendung von HTTP 2:

Die Download-Geschwindigkeit wurde um 23 % erhöht. HttpWatch-Experten stellen außerdem fest, dass die Technologie noch nicht vollständig optimiert ist, und erwarten eine echte Beschleunigung von bis zu 30 %.

Warum HTTP/2 schneller arbeitet?

• Mehrere Anfragen, die innerhalb derselben Verbindung in HTTP/2 (Multiplexing) gesendet werden, führen zu einem schnelleren Laden statischer Elemente
• Die Komprimierung von HTTP-Headern in HTTP/2 reduziert die Datenmenge zwischen Server und Browser und setzt Ressourcen frei
• Verbesserte Sicherheit mit verschlüsselten Verbindungen für HTTP/2-Unterstützung durch zukunftsweisende Browser (Google Chrome, Mozilla Firefox)
• Die Priorisierungsreihenfolge ändert sich in HTTP/2, wobei die Priorisierung eine wünschenswerte Methode für das ordnungsgemäße Funktionieren des Multiplexing ist
• Das Fehlen einer Priorisierungskonfiguration in HTTP/2 kann zu einer verringerten Geschwindigkeit führen, da Ressourcen, die später geladen werden können, einen separaten Streifen und einen Teil der Leistung beanspruchen.

Warum ist es wichtig, das Laden der Website-Seite zu beschleunigen?

• Die HTTP 2-Unterstützung ist kein direkter Rankingfaktor für Google
• Die Downloadgeschwindigkeit ist ein wichtiger Rankingfaktor für Google
• HTTP/2 kann sich positiv auf die Website-Geschwindigkeit und das Ranking aufgrund von Verhaltensfaktoren auswirken
• Schnellere Seiten haben eine niedrigere Fehlerrate und können zu einer erhöhten Benutzerinteraktion führen
• Google Bot wird bald HTTP/2 unterstützen
• HTTP 2 kann in Zukunft zu einem Rankingfaktor werden, wenn Suchmaschinen Algorithmen ändern.

Die Vorteile für Webentwickler

Mit HTTP 2 können Sie alte Tricks loswerden, die das Laden von Seiten ohne HTTP/2 beschleunigen sollen. Wir listen auf:

• Domain-Sharding oder Verwenden mehrerer verwandter Domains zum Herunterladen von Dateien, um den Aufbau von mehr TCP-Verbindungen zu ermöglichen.
• Sprites von Bildern – Kombinieren von Bildern in einer Datei, um die Anzahl der Anfragen zu reduzieren. Allerdings muss eine solche Datei erst vollständig geladen werden, um angezeigt zu werden. Außerdem verbraucht die Verarbeitung großer Dateien mehr Speicher.
• Kombinieren Sie die CSS- und JavaScript-Dateien, was auch getan wird, um die Anzahl der Anfragen zu reduzieren und die Speichernutzung zu erhöhen.
• Inline-Integration oder Einfügen von CSS und JavaScript und manchmal sogar Bildern in die HTML-Datei, um die Anzahl der Verbindungen zu reduzieren. Gleichzeitig wird die Seite erst angezeigt, wenn die gesamte Datei geladen ist.
• Domains ohne Cookie-Dateien: Laden Sie Bilder, CSS und JavaScript von einer anderen Domain herunter, in der keine Cookies verwendet werden.

Wie implementiert man HTTP 2?

Um HTTP 2 zu implementieren, müssen Sie die folgenden Schritte ausführen:

1. Überprüfen Sie die Serverunterstützung: Stellen Sie sicher, dass Ihre Serversoftware HTTP 2 unterstützt. Beliebte Serversoftware wie Apache, Nginx und IIS hat eine integrierte Unterstützung für HTTP 2.
2. HTTP 2 aktivieren: Nachdem Sie bestätigt haben, dass Ihr Server HTTP 2 unterstützt, müssen Sie es aktivieren. Die Methode zum Aktivieren von HTTP 2 variiert je nach verwendeter Serversoftware.
3. Verwenden Sie HTTPS: HTTP 2 erfordert eine sichere Verbindung mit HTTPS, daher muss auf Ihrem Server ein SSL-Zertifikat installiert sein.
4. Aktualisieren Sie Ihren Code: Wenn Sie eine Bibliothek oder ein Framework verwenden, das HTTP-Verbindungen verarbeitet, stellen Sie sicher, dass es HTTP 2 unterstützt. Einige Bibliotheken erfordern möglicherweise Updates, um mit HTTP 2 zu funktionieren.
5. Testen Sie Ihre Website: Nachdem Sie die erforderlichen Änderungen vorgenommen haben, testen Sie Ihre Website, um sicherzustellen, dass sie mit HTTP 2 funktioniert. Überprüfen Sie die Browserkonsole auf Fehler oder Warnungen.
6. Leistung überwachen: Überwachen Sie regelmäßig die Leistung Ihrer Website, um sicherzustellen, dass sie mit HTTP 2 reibungslos läuft.
7. Erwägen Sie Leistungsoptimierungen: Die Implementierung von HTTP 2 wird die Leistung Ihrer Website verbessern, aber es gibt möglicherweise noch Möglichkeiten zur weiteren Optimierung. Beispielsweise kann das Kombinieren von Bildern zu Sprites, das Komprimieren von Bildern und das Reduzieren der Anzahl von HTTP-Anforderungen die Leistung weiter verbessern.

Abschluss

HTTP 2 ist abwärtskompatibel mit HTTP 1.1 und erfordert keine Migration. Da jedoch Webserver und Browser HTTP 2 verwenden, müssen die Techniken zur Website-Optimierung möglicherweise aktualisiert werden, um eine Verlangsamung der Website zu vermeiden.

Lesen Sie: Eine vollständige Anleitung zur HTTP-zu-HTTPS-Migration in WordPress

Das Zusammenführen von Bildern in Sprites verbessert die Komprimierung und reduziert das Herunterladen von Daten, während das Vermeiden der Verwendung von Daten-URI zum Einbetten von Bildern das Caching verbessern kann. Domänen-Sharding ist in HTTP 2 nicht mehr erforderlich, da es direkte Ressourcenanforderungen zulässt und die Leistung durch das Erstellen zusätzlicher Verbindungen verringern kann.

Häufig gestellte Fragen