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:
Öffne die Entwicklertools auf deiner Seite und gehe dann zu Anwendung > Hintergrunddienste > Back-Forward-Cache.
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:
Andernfalls wird eine Liste mit Problemen angezeigt.
Wenn Sie wissen möchten, welche Probleme sich auf welche Frames auswirken, maximieren Sie den Bereich 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:
- 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.
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 Erweiterungenunload
-Ereignisse hinzufügen.