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:
Öffnen Sie auf Ihrer Seite die Entwicklertools und gehen Sie zu Anwendung > Hintergrunddienste > Back-Forward-Cache.
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:
Andernfalls wird eine Liste der Probleme angezeigt.
Maximieren Sie den Bereich Frames , um zu sehen, welche Probleme sich auf welche Frames auswirken.
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:
- 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.
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 Beispielmax-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-AntwortheaderPermissions-Policy: unload=()
.