Umstellung auf HTTP/2 – Ladezeit Check

23. August 2017 von Tim Meseke

HTTP 1.1 – Das Webprotokoll der ersten Stunde

Im heutigen Beitrag möchten wir euch zeigen welche potentiellen Vorteile das neue Übertragungsprotokoll HTTP/2 mit sich bringt und ob die versprochenen Neuerungen auch in der Praxis messbar sind. Da HTTP 1.1 seit 18 Jahren unverändert besteht und stetig komplexere oder neuere HTML-Elemente wie CSS & JavaScript dazukommen, fehlen diesem Protokoll mittlerweile die Instrumente, um diese nach und nach komplexer strukturierten Seiten effizient übertragen zu können.

Der Grund dafür ist das veraltete Kommunikationsschema der alten HTTP 1.1 Version:

HTTP 1.1 öffnet unnötig viele TCP (Transmission Control Protocol) -Verbindungen nach der Browseranfrage an den Webserver. Jeder GET-Befehl des Browsers fordert zunächst die zentrale .html-Datei. Diese wird im Anschluss gelesen, woraufhin weitere GET-Anfragen aufgrund der hinterlegten Informationen (Skripte, CSS Infos zum Seitenaufbau etc.) folgen. Im Anschluss folgen dann Elemente wie Videos, Bilder & Fonts. Maximal öffnet der Browser so bis zu acht parallele Verbindungen. Dennoch muss er für jedes Objekt eine Verbindung anlegen bzw. eine GET-Anfrage starten.

Jeder TCP-Aufbau muss in einem Handshake zwischen Server und Browser abgeglichen werden, bevor der Server mit den angeforderten Daten dem Browser antwortet. Je nach Anzahl & Größe der Objekte, der Verbindungsqualität sowie der Serverlast, können sich hier bereits Antwortzeiten auf mehrere Sekunden addieren.

Eine weitere Verzögerung entsteht durch den Browser, welcher für jede Verbindung erst die empfangenen Daten verarbeitet, bevor er neue anfordert. Fallen zu viele parallele Anfragen an (z.B.  beim Scannen von Skripten) können sich diese stauen – man spricht hier dann vom so genannten „Head-of-Line Blocking“.

HTTP/2 – Was es ist & was es besser macht

Einer der größten Nachteile von HTTP 1.1 war das sogenannte pushen zum Browser. Der Webserver ist hier nicht in der Lage die Daten eigenständig zum Browser zu liefern. Außerdem müssen beim „Neuladen“ einer Seite alle Daten bzw. Codesegmente wieder komplett übertragen werden, anstatt wie bei der neuen Protokollvariante jeweils nur die geänderten. Ist hingegen eine Verbindung mit dem neuen HTTP/2 Protokoll zustande gekommen, darf der Server selbstständig Inhalte zum Browser schicken. Durch diese Methode beschleunigt das Protokoll sowohl den Erstaufbau, als auch den Wiederaufbau einer Seite, da nur einmalig eine TCP-Verbindung aufgebaut werden muss. Dank der neuen push-Methode muss der Browser hier nicht mehr herausfinden, welche Dateien, Skripte oder Style Sheets er noch anfragen muss. In diesem Fall schickt der Webserver diese automatisiert hinterher. Der Browser kann so also bereits neue Anfragen abschicken, während der Server noch Datenpakete an diesen sendet. Darüber hinaus folgt ebenfalls eine Priorisierung nach wichtigen Dateien, welche einen eleganteren Webseitenaufbau begünstigt. Außerdem erfolgt eine entsprechende Kompression der HTTP-Header über den Binärcode, anstatt wie zuvor über Textformate. Falls die Seite bereits im Browser geöffnet war, werden hier nur noch kurz die Zahlen abgeglichen und bei Änderungen kurz ergänzt.

Status Quo Analyse (HTTP 1.1)

In der Theorie klingt das bereits sehr verlockend. Ob das neue Protokoll auch in der Praxis Boden gut machen kann, soll unsere nachfolgende Vergleichsanalyse beantworten.

Diesbezüglich haben wir die Test-Domain https://www.seo-klinik.de/ mit diversen Tools auf Lade-und Antwortzeiten jeweils vor und nach der Umstellung des Protokolls getestet. Insgesamt war jedes unserer 6 eingesetzten Tools zur Messung rund 10-mal im Einsatz, um so Schwankungen des Tools oder des Servers vorzubeugen. Gemessen wurde jeweils 5-mal vor-, sowie 5-mal nach der Umstellung auf HTTP/2 bzw. nginx.

Um die Vergleichswerte so valide wie möglich zu generieren, wurde jeweils auch zur selben Uhrzeit (ca. 12 Uhr mittags) an zwei aufeinanderfolgenden Werktagen gemessen. Für den Vergleich der zwei Protokolle wurde jeweils der Mittelwert herangezogen.

Im Einsatz waren folgende Webseiten & Tools:

  1. https://www.websitepulse.com/help/testtools.website-test.html
  2. https://www.webpagetest.org/
  3. https://www.dotcom-tools.com/website-speed-test.aspx
  4. https://www.uptrends.com/de/tools/website-ladezeit-check
  5. https://tools.pingdom.com
  6. http://browserspy.dk/webserver.php

Jedes der verwendeten Tools lieferte dabei diverse Kennzahlen, welche uns als Vergleichsgrundlage dienten.

Zunächst galt es den Status Quo festzuhalten. Dafür haben wir jeweils 5 Tests durchgeführt und den Mittelwert als Grundlage gewählt.

Nach der Erfassung des Status Quo bzw. des alten Servers/Protokolls, haben wir entsprechend auf den neuen nginx Webserver mit dem neuen Protokoll HTTP/2 umgestellt. Hier haben wir im selben Zeitraum im Anschluss alle Tests fünfmal wiederholt und in einer Tabelle zwecks Vergleichbarkeit gegenübergestellt.

Ergebnis/Vergleichsanalyse HTTP 1.1 vs. HTTP/2

Nachfolgend unsere Gegenüberstellung sowie ermittelte Differenzen der gemessenen Werte des jeweiligen Protokolls (je nach Verfügbarkeit). Der Übersicht halber haben wir die überprüften Kennzahlen abgekürzt (siehe nachfolgenden Legende).

Legende:

RT: Respons Time; FB: First Byte; LT: Loading Time; FV: First Visit; SV: Second Visit; HS: Handshake; W: Wait ; R: Receive

Betrachten wir alle eingesetzten Tools in der Übersicht, konnten wir bedingt durch den nginx Serverwechsel bzw. Protokollwechsel auf HTTP/2, die durchschnittliche Ladezeit um rund -17,56% verringern.

Im sogenannten „frame by frame – Vergleich“ sehen wir auch sehr gut, wieviel schneller das HTTP/2 Protokoll die relevanten Daten überträgt. Hier haben wir nach knapp 750 ms bereits 98% der Seite geladen, während das HTTP 1.1 Protokoll noch bei rund 50% rendert:

Quelle: dareboost.com

Fazit

Angesichts der relativ geringen Seitengröße, konnten wir hier bereits eine nennenswerte Reduktion der Antwort- bzw. Ladezeiten feststellen. Bei entsprechend größeren Domains/Datenbanken ist, bedingt durch die Umstellung, wohl auch eine wesentlich größere Performancesteigerung möglich (je nach Status quo der verwendeten Domain).

Unlängst hat oreilly.com ähnliche Ergebnisse in Bezug auf die Umstellung auf HTTP/2 veröffentlich. Habt Ihr bereits Erfahrung mit HTTP/2 gemacht?

 

Proudly powerd by timmehosting.de

Eine Antwort hinterlassen

Verwandte Beiträge

Umstellung auf HTTP/2 – Ladezeit Check

HTTP 1.1 – Das Webprotokoll der ersten Stunde Im heutigen Beitrag möchten wir euch zeigen welche potentiellen Vorteile das neue Übertragungsprotokoll HTTP/2 mit sich bringt und ob die versprochenen Neuerungen auch in der Praxis messbar sind. Da HTTP 1.1 seit 18 Jahren unverändert besteht und stetig komplexere oder neuere HTML-Elemente wie CSS & JavaScript dazukommen, mehr…

Featured Snippets in den Google Suchergebnissen
Featured Snippets in den Google Suchergebnissen

Featured Snippets ermöglichen dem Suchenden eine schnelle Beantwortung ihrer Suchanfrage. Für den Webseitenbetreiber hat die Anzeige aber nicht immer einen Vorteil. Wir erklären den Begriff Featured Snippets, was diese für Auswirkungen haben und wie Sie dafür sorgen können, dass Ihre Webseite zitiert wird. Was sind Featured Snippets? Es gibt drei verschiedene Arten von Featured Snippets mehr…

Crawl Budget Optimierung
Crawl Budget Optimierung

Im heutigen Blogbeitrag widmen wir uns dem Thema „Crawl Budget“. Wir stellen Ihnen vor, was genau das Crawl Budget ist, für welche Webseiten es wichtiger wird und wie Sie eventuell selbst einen positiven Einfluss darauf nehmen können. Für viele Webseitenbetreiber ist das Thema „Crawl Budget“ zunächst trivial bzw. spielt eher eine untergeordnete Rolle. Doch besonders mehr…

Shop Optimierung

Als Unternehmer mit eigenem Online Shop hat man verschiedene Möglichkeiten die Performance des Shops durch Optimierung zu verbessern. Nennen wir das Oberthema Markenbildung. Was macht starke Marken aus? Qualität, Zuverlässigkeit, Beständigkeit, Sicherheit. Marken, die dem User das bieten können, brauchen kein riesiges Marketing Budget. Ladezeit-Optimierung Die Ladezeit wird immer wichtiger. Vor allem auf Smartphones muss mehr…