Back-Forward-Cache testen

Sofia Emelianova

In dieser Anleitung erfahren Sie, wie Sie mit den Chrome-Entwicklertools Folgendes tun:

• Testen Sie, ob Sie Ihre Seite für das sofortige Laden optimiert haben, wenn Sie die Schaltflächen „Zurück“ und „Weiter“ des Browsers verwenden.
• Probleme ermitteln, die verhindern können, dass Ihre Seite für diese Art des Cachings infrage kommt

Der Back-Forward-Cache (bfcache) ist eine Browseroptimierung, die eine sofortige und vorwärtsgerichtete Navigation ermöglicht. Weitere Informationen finden Sie unter Back-Forward-Cache.

Back-Forward-Cache testen

So testen Sie den Back-/Forward-Cache:

1. Öffnen Sie auf Ihrer Seite die DevTools und gehen Sie zu Anwendung > Hintergrunddienste > Vor-/Zurück-Cache.

   

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

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

   Alternativ können Sie auch auf die Schaltflächen „Zurück“ und „Weiter“ im Browser klicken.

Wenn der Rückwärts-/Vorwärts-Cache für Ihre Seite problemlos funktioniert, wird die folgende Meldung angezeigt:

Andernfalls wird eine Liste mit Problemen angezeigt.

Maximieren Sie den Bereich Frames , um herauszufinden, welche Probleme sich auf welche Frames auswirken.

Probleme beheben, die das Caching verhindern

Wenn Ihre Seite nicht für den Back-Forward-Cache infrage kommt, 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. Verwenden Sie beispielsweise keine unload-Ereignisse mehr.
• Supportanfrage ausstehend Chrome unterstützt diese Funktionen noch nicht, daher wird das Caching verhindert. Sobald die Unterstützung jedoch verfügbar ist, werden diese Einschränkungen in Chrome aufgehoben.
• Nicht umsetzbar Sie können diese Probleme auf dieser Seite nicht beheben. Das Caching wird durch etwas verhindert, das außerhalb des Einflussbereichs der Seite liegt.

Wenn Sie herausfinden möchten, welcher Frame das Problem verursacht, maximieren Sie den entsprechenden Bereich unter der Problembeschreibung.

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

Es gibt zwei Hauptgründe, warum bfcache nicht ausgeführt wird:

• Cache-Control: no-store-Header

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

• Problematische Entlade-Handler

  In Chrome werden Entlade-Handler eingestellt. Wir empfehlen, das unload-Ereignis nicht zu verwenden.

  Wenn Sie dafür sorgen möchten, dass Ihre Website keine Unload-Handler verwendet, und beispielsweise verhindern möchten, dass Erweiterungen unload-Ereignisse hinzufügen, deklarieren Sie den HTTP-Antwortheader Permissions-Policy: unload=().