Back-Forward-Cache testen

Sofia Emelianova
Sofia Emelianova
GitHub

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

  • Testen Sie, ob Sie Ihre Seite für sofortiges Laden optimiert haben, wenn Sie die Browser-Schaltflächen „Zurück“ und „Weiter“ verwenden.
  • Ermitteln Sie Probleme, die unter Umständen verhindern, dass Ihre Seite für diese Art von Caching infrage kommt.

Der Back-Forward-Cache (auch „bfcache“) ist eine Browseroptimierung, die die sofortige Navigation vorwärts und rückwärts ermöglicht. Weitere Informationen finden Sie unter Back-Forward-Cache.

Back-Forward-Cache testen

So testest du den Back-Forward-Cache:

  1. Öffnen Sie auf Ihrer Seite die Entwicklertools und gehen Sie zu Anwendung > Hintergrunddienste > Back-Forward-Cache.

    Tab „Back-Forward-Cache“.

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

    Chrome leitet dich automatisch zu chrome://terms/ und wieder zurück zu deiner Seite.

    Alternativ können Sie auf die Browserschaltflächen „Zurück“ und „Weiter“ klicken.

Wenn der Back-Forward-Cache für Ihre Seite ohne Probleme funktioniert, wird die folgende Meldung angezeigt:

Erfolgreich aus dem Back-Forward-Cache geladen.

Andernfalls wird eine Liste der Probleme angezeigt.

Maximieren Sie den Bereich Frames Symbol „Maximieren“, um zu sehen, welche Probleme sich auf welche Frames auswirken.

Maximierter Bereich „Frames“.

Probleme beheben, die Caching verhindern

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

Kann den Back-Forward-Cache nicht verwenden.

  • Aktionsfähig: Sie können diese Probleme beheben, um das Caching zu aktivieren. Beispiel: unload-Ereignisse nicht mehr verwenden.
  • Support ausstehend. Chrome unterstützt diese Funktionen noch nicht und verhindert daher das Caching. Sobald diese Funktion unterstützt wird, hebt Chrome diese Einschränkungen jedoch auf.
  • Kann nicht bearbeitet werden. Sie können diese Probleme auf dieser Seite nicht beheben. Etwas, das sich außerhalb der Steuerung der Seite befindet, verhindert das Caching.

Um herauszufinden, welcher Frame das Problem verursacht, maximieren Sie den entsprechenden Abschnitt unter der Beschreibung des Problems.

Frames blockieren.

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

Die zwei Hauptgründe dafür, dass bfcache nicht ausgeführt wird, sind:

  • Cache-Control: no-store-Header.

    Dieser Header-Wert wird für Seiten mit personenbezogenen und privaten Informationen empfohlen. Verwende für Seiten, die relativ aktuell sein sollen, no-cache oder eine kurze Cache-Zeit, zum Beispiel max-age=60.

  • Problematische Unload-Handler.

    Für Chrome ist geplant, Unload-Handler einzustellen. Außerdem wird empfohlen, kein unload-Ereignis zu verwenden.

    Um sicherzustellen, dass deine Website keine Unload-Handler verwendet und beispielsweise verhindert, dass Erweiterungen unload-Ereignisse hinzufügen, deklarieren Sie den HTTP-Antwortheader Permissions-Policy: unload=().