Fehlerbehebung

Langsame Website trotz Caching

Ihre Website ist gecacht, aber fühlt sich trotzdem langsam an? Hier erfahren Sie, was Sie prüfen sollten.

1. Überprüfen Sie, ob das Caching funktioniert

Bestätigen Sie zunächst, dass Ihre Inhalte tatsächlich zwischengespeichert werden. Prüfen Sie die Antwort-Header:

X-Cache: HIT ← Inhalt aus dem Cache bereitgestellt
X-Cache: MISS ← Inhalt vom Ursprungsserver abgerufen

Wenn Sie nur MISSes sehen, prüfen Sie, ob Ihr Ursprungsserver Cache-Control: no-cache oder private-Header sendet.

Erfahren Sie, wie Sie prüfen, ob der Cache funktioniert →

2. Prüfen Sie nicht zwischengespeicherte Ressourcen

Auch wenn Ihr HTML gecacht ist, können langsame Drittanbieter-Ressourcen die Leistung beeinträchtigen.

Häufige Verursacher:

  • Google Fonts synchron geladen
  • Analytics-Skripte (Google Analytics, Facebook Pixel)
  • Chat-Widgets (Intercom, Drift, Crisp)
  • Externe Werbeskripte
  • Social-Media-Einbettungen

Tipp: Laden Sie Drittanbieter-Skripte mit den Attributen async oder defer, um zu verhindern, dass sie das Rendern der Seite blockieren.

3. Große Bilder auf der Seite

Selbst mit WebP-Konvertierung verlangsamen überdimensionierte Bilder den LCP.

Lösungen:

  • Skalieren Sie Bilder auf die tatsächliche Anzeigegröße (liefern Sie keine 4000px-Bilder für 800px-Container)
  • Verwenden Sie responsive Bilder mit srcset
  • Laden Sie Bilder unterhalb des sichtbaren Bereichs verzögert
  • Erwägen Sie die Verwendung eines Hero-Bildes, das für den Viewport optimiert ist

4. Langsamer Ursprungsserver

Bei Cache-MISSes (erste Anfragen, dynamische Seiten) ist die Geschwindigkeit Ihres Ursprungsservers weiterhin wichtig.

Prüfen Sie Ihren Ursprungsserver:

  • Langsame Datenbankabfragen (Slow-Query-Logs prüfen)
  • Fehlende Datenbankindizes
  • Zu viele Plugins (WordPress/WooCommerce)
  • Unzureichende Serverressourcen
  • Kein Opcode-Caching (PHP)

Ziel: Die TTFB des Ursprungsservers sollte unter 500ms liegen. Fast-Caching verstärkt die Geschwindigkeit Ihres Ursprungsservers — ein schneller Ursprungsserver bedeutet noch schnellere zwischengespeicherte Antworten.

5. Render-blockierende Ressourcen

CSS und JS im <head> blockieren das Rendern der Seite.

Lösungen:

  • Kritisches CSS im <head> inline einbinden
  • Nicht-kritisches CSS mit media="print" onload="this.media='all'" laden
  • defer zu JavaScript-Dateien hinzufügen
  • Skripte an das Ende von <body> verschieben

Leistungs-Checkliste

  • X-Cache zeigt HIT für statische Ressourcen
  • Drittanbieter-Skripte sind async/deferred
  • Bilder sind angemessen dimensioniert
  • TTFB des Ursprungsservers liegt unter 500ms
  • Keine render-blockierenden Ressourcen im Head
Zurück zum Support