HTTP/2 in der Praxis: Adoption, Konfiguration und messbare Ergebnisse

HTTP/2 ist standardisiert und die Browserunterstützung ist nahezu universell. Ein praktischer Leitfaden zum Deployment von HTTP/2, Leistungsmessung und Lösung häufiger Probleme.

Stand der Adoption 2016¶

Die HTTP/2-Browserunterstützung hat die kritische Masse erreicht — Chrome, Firefox, Edge, Safari und Opera decken über 80% der Nutzer ab. Auf der Serverseite unterstützen nginx 1.9.5+, Apache 2.4.17+ und alle großen CDNs (CloudFlare, Fastly, Akamai) HTTP/2.

Dennoch laufen die meisten Websites noch auf HTTP/1.1. Der Hauptgrund? HTTPS als Voraussetzung — aber mit Let’s Encrypt ist auch das kein Hindernis mehr.

nginx für HTTP/2 konfigurieren¶

Die Aktivierung von HTTP/2 in nginx ist eine einzeilige Änderung:

server {
    listen 443 ssl http2;
    server_name example.com;

    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;

    # Modern SSL configuration
    ssl_protocols TLSv1.2;
    ssl_ciphers HIGH:!aNULL:!MD5;
    ssl_prefer_server_ciphers on;

    # HSTS
    add_header Strict-Transport-Security "max-age=31536000" always;
}

Ein Wort — http2 — in der listen-Direktive. Nginx fällt automatisch auf HTTP/1.1 für ältere Clients zurück.

Messbare Ergebnisse¶

Unsere Messungen an realen Projekten zeigen:

• E-Commerce-Seite (50+ Ressourcen) — 30% Verbesserung der Ladezeit
• SPA mit API-Aufrufen — 15-20% Verbesserung dank Multiplexing von API-Requests
• Content-Site mit vielen Bildern — 25% Verbesserung, Wegfall von Domain Sharding

Der größte Nutzen zeigt sich bei Seiten mit vielen kleinen Ressourcen — genau dort, wo HTTP/1.1 unter Head-of-Line-Blocking leidet.

Server Push und Optimierung¶

HTTP/2 Server Push sendet proaktiv Ressourcen:

location / {
    http2_push /css/app.css;
    http2_push /js/app.js;
}

Vorsicht vor Over-Pushing — unnötiges Pushing verschwendet Bandbreite. Messen Sie, was hilft:

• Kritisches CSS und JS pushen
• Keine Bilder pushen (zu groß)
• Cache respektieren — nicht pushen, was der Client bereits im Cache hat
• 103 Early Hints als Alternative in Betracht ziehen

Fazit: Migration ist einfach, Vorteile sind real¶

HTTP/2-Migration ist tiefhängendes Obst — minimaler Aufwand, messbare Performance-Verbesserung. Wenn Ihre Website auf HTTPS läuft (und das sollte sie), fügen Sie noch heute HTTP/2 hinzu. Messen Sie die Ergebnisse mit WebPageTest oder Lighthouse.