Back-Forward-Cache testen

Sofia Emelianova
Sofia Emelianova

In diesem Leitfaden erfahren Sie, wie Sie mit den Chrome-Entwicklertools Folgendes tun können:

  • Testen Sie, ob Sie Ihre Seite für das sofortige Laden optimiert haben, wenn Sie die Browserschaltflächen „Zurück“ und „Weiter“ verwenden.
  • Identifizieren Sie Probleme, die möglicherweise verhindern, dass Ihre Seite für diese Art von Caching infrage kommt.

Der Back-Forward-Cache (oder bfcache) ist eine Browseroptimierung, die eine sofortige Zurück- und Vorwärtsnavigation ermöglicht. Weitere Informationen finden Sie unter Back-Forward-Cache.

Back-Forward-Cache testen

So testen Sie den Back-Forward-Cache:

  1. Öffne die Entwicklertools auf deiner Seite und gehe dann zu Anwendung > Hintergrunddienste > Back-Forward-Cache.

    Tab „Back-Forward-Cache“.

  2. Klicken Sie auf Back-Forward-Cache testen.

    Chrome leitet Sie automatisch zu chrome://terms/ und zurück zu Ihrer Seite weiter.

    Alternativ können Sie auf die Zurück- und Vorwärts-Schaltflächen des Browsers klicken.

Wenn der Back-Forward-Cache für Ihre Seite problemlos funktioniert, sehen Sie die folgende Meldung:

Erfolgreich aus dem Back-Forward-Cache geladen.

Andernfalls wird eine Liste mit Problemen angezeigt.

Wenn Sie wissen möchten, welche Probleme sich auf welche Frames auswirken, maximieren Sie den Bereich Frames Symbol „Maximieren“.

Maximierte Frames.

Probleme beheben, die Caching verhindern

Wenn Ihre Seite nicht für das Back-Forward-Caching geeignet ist, wird auf dem Tab Back-Forward-Cache eine Liste mit drei Arten von Ursachen angezeigt:

Back-Forward-Cache nicht zulässig.

  • Umsetzbar: Sie können diese Probleme beheben, um das Caching zu aktivieren. Beispiel: Beenden Sie die Verwendung von unload-Ereignissen.
  • Ausstehende Unterstützung. Chrome unterstützt diese Funktionen noch nicht, daher verhindern sie Caching. Sobald die Unterstützung erfolgt, werden diese Einschränkungen in Chrome aufgehoben.
  • Nicht umsetzbar: Sie können diese Probleme auf dieser Seite nicht beheben. Etwas, das sich außerhalb der Kontrolle der Seite befindet, verhindert Caching.

Maximieren Sie den entsprechenden Abschnitt unter der Problembeschreibung, um herauszufinden, welcher Frame blockiert wird.

Frames blockieren

Häufige Probleme, die Back-Forward-Caching verhindern

Die zwei Hauptgründe, die die Ausführung von bfcache verhindern, sind:

  • Cache-Control: no-store-Header.

    Dieser Headerwert wird für Seiten mit personenbezogenen und privaten Daten empfohlen. Wenn Seiten relativ aktuell sein sollen, verwende no-cache oder eine kurze Cache-Zeit, z. B. max-age=60.

  • Problematische Unload-Handler.

    In Chrome sollen Unload-Handler eingestellt werden. Daher wird empfohlen, niemals ein unload-Ereignis zu verwenden.

    Deklariere den HTTP-Antwortheader Permissions-Policy: unload=(), damit auf deiner Website keine Unload-Handler verwendet werden und du beispielsweise verhindern kannst, dass Erweiterungen unload-Ereignisse hinzufügen.