
FAQs
Was ist HTTP2?
Das ist das Protokoll (Hypertext Transfer Protocol), mit dem Server und Computer Ihre Daten für Webseiten austauschen. HTTP2 ist die Weiterentwicklung von HTTP1 und bietet mehr Möglichkeiten, wie paralleles Laden.
Warum aktiviert sich HTTP2-push nicht?
Moderne Browser haben die Nutzung von HTTP2-Push oft heruntergefahren oder deaktiviert. Nutze stattdessen für wichtige ressourcen die Möglichkeiten des preloads im
Auf einen Blick
Was ist HTTP/2?
HTTP-1 kennt jeder, der im Internet unterwegs ist, das ist das Übertragungsprotokoll, das der Webseiten-Adresse vor ansteht - also beispielsweise http://www.mst-netsolutions.de. Heute wird es durch den Zusatz "s" ergänzt und heißt https, was nur bedeutet, das die http-Verbindung verschlüsselt ist. Mittlerweile begegnet einem das Protokoll nicht mehr so häufig, da es vom Browser oft gar nicht mehr angezeigt wird. Seit 2015 gibt es nun HTTP2 als Weiterentwicklung. Nun ist es möglich Daten gleichzeitig und priorisiert zu laden, so dass die Webseite viel schneller sichtbar ist.Einführung in HTTP/2 Push
Um die Funktionalität von HTTP2 auch perfekt zu nutzen kann mit HTTP2/Push dafür gesorgt werden, dass bestimmte Inhalte und Dateien zuerst an den Browser des Users gesendet werden können. Normalerweise fordert der Browser, wie Chrome, Firefox, Safari, Edge und viele andere die Elemente, wie Javascripte, CSS-Dateien oder Bilder vom Server der Webseite an. Mit HTTP2-Push kannst du aber gezielt beispielsweise CSS-Dateien vorab abrufen lassen, damit die Seite schneller sichtbar ist.Vorteile von HTTP/2 Push
Nicht nur die Ladezeiten können mit HTTP2-Push verbessert werden. Auch die Nutzererfahrung ist deutlich besser, wenn der Besucher nicht mehrere Sekunden auf einen weißen Bildschirm oder eine unvollständige Webseite starrt. Bessere Nutzererfahrung und schnellere Ladezeiten sind dann auch wieder ein schönes Zeichen für die Suchmaschinen, dass die Seite besser ranken kann.Wie aktiviere ich HTTP2-Psuh
Wir gehen hier davon aus, dass dein Server, wo die Webseite liegt, auch schon HTTP2 untersützt und es aktiviert ist. Wenn das nicht der Fall ist, spreche mit deinem IT-Fachmann oder dem Hoster für deine Webseite, ob das aktivierbar ist. Um nun gezielt HTTP2-Push zu aktivieren, kannst du das in der sogenannten .htaccess Datei einstellen. WICHTIG: Die Datei kann bei fehlerhafter Konfiguration deine gesamte Seite zerschießen und auch aus dem Index werfen, wenn sie länger offline ist. Achte also auf die Umsetzung. Wir übernehmen keinerlei Haftung für von uns veröffentlichten Code. Er ist ausgiebig getestet und funktioniert, aber Garantien für alle unterschiedlichen Konfigurationen können wir nicht geben. Der Code in der .htaccess für beispielsweise HTTP2-Push für deine Bilder lautet:<IfModule mod_http2.c> # HTTP/2 Push aktivieren H2Push on # Dateien für HTTP/2 definieren <FilesMatch ".(html|css|js|json|xml|svg|gif|jpg|jpeg|png|ico|woff|woff2|ttf|otf|eot|pdf)$"> SetHandler h2-handler </FilesMatch> </IfModule>Hier wird HTTP/2-Push aktiviert und für bestimmte Dateitypen aktiviert. Möchtest du einzelne CSS, Javascripte oder Bilder per http2-Push laden, dann geht das über solchen code:
<IfModule mod_headers.c> # Server-Push für spezifische Ressourcen Header add Link "</css/style.css>; rel=preload; as=style" Header add Link "</js/script.js>; rel=preload; as=script" Header add Link "</assets/img/logo-mst.webp>; rel=preload; as=image" </IfModule>
Mögliche Probleme bei HTTP2-Push
Achte darauf, dass du nicht zu viel optimierst. Eine Überoptimierung kann auch immer nach hinten losgehen. Zudem sind moderne Browser mittlerweile auch in der Lage selbst zu priorisieren. Aktiviere HTTP2-Push nur für einen Dateityp und prüfe danach, wie schnell die Seite gegenüber vorher geworden ist. Das lässt sich am Besten im Chrome machen, indem du auf der Webseite die rechte Maustaste klickst und dann Untersuchen auswählst. Dort suchst du dann den Reiter Netzwerk, klickst auf die Spalten und aktivierst die Spalte Initiator und Protokoll. Wenn dort h2 unter Protokoll steht, ist HTTP2 schon aktiv. Wenn in der Spalte "Initiator" das Wort push zu finden ist, wird auch per HTTP2-push geladen. Wir es trotz Konfiguration nicht angezeigt, kann es sein, dass es nicht mehr von dem Browser unterstützt wird. Chrome und Safari haben die Nutzung zurückgefahren, weil es wohl zu oft falsch genutzt wurde. Alternativ kannst du Bilder und Dateien per preload im<head>...</head>der Webseite laden:
<link rel="preload" href="/assets/img/logo-mst.webp" as="image">