Back-forward-cache testen

Sofia Emelianova
Sofia Emelianova
GitHub

In deze handleiding ziet u hoe u Chrome DevTools kunt gebruiken om het volgende te doen:

  • Test of u uw pagina hebt geoptimaliseerd voor onmiddellijk laden wanneer u de terug- en vooruitknoppen van de browser gebruikt.
  • Identificeer problemen waardoor uw pagina mogelijk niet in aanmerking komt voor dit type caching.

Back/forward cache (of bfcache) is een browseroptimalisatie die directe terug- en vooruitnavigatie mogelijk maakt. Zie Terug/voorwaartse cache voor meer informatie.

Back-forward-cache testen

Volg deze stappen om de back-/forward-cache te testen:

  1. Open DevTools op uw pagina en navigeer vervolgens naar Toepassing > Achtergrondservices > Back-forward cache .

    Tabblad Terug/vooruit cache.

  2. Klik op Terug/vooruit-cache testen .

    Chrome brengt u automatisch naar chrome://terms/ en terug naar uw pagina.

    U kunt ook op de knoppen Vorige en Volgende van de browser klikken.

Als de back/forward-cache zonder problemen voor uw pagina werkt, ziet u het volgende bericht:

Succesvol weergegeven vanuit de back-/forward-cache.

Anders ziet u een lijst met problemen.

Als u wilt weten welke problemen van invloed zijn op welke frames, vouwt u Frames uit Pictogram uitvouwen. sectie.

Uitgebreide Frames-sectie.

Los problemen op die caching verhinderen

Als uw pagina niet in aanmerking komt voor back-forward-caching, toont het tabblad Back-forward-cache een lijst met drie soorten oorzaken:

Komt niet in aanmerking voor back/forward-cache.

  • Bruikbaar . U kunt deze problemen oplossen om caching in te schakelen. Stop bijvoorbeeld met het gebruik van unload gebeurtenissen .
  • In afwachting van ondersteuning . Chrome ondersteunt deze functies nog niet, dus ze voorkomen caching. Zodra Chrome echter wordt ondersteund, worden deze beperkingen opgeheven.
  • Niet uitvoerbaar . Je kunt deze problemen niet op deze pagina oplossen. Iets dat buiten de controle van de pagina ligt, verhindert caching.

Als u wilt weten welk frame de blokkeerder is, vouwt u het overeenkomstige gedeelte onder de beschrijving van het probleem uit.

Frames blokkeren.

Veelvoorkomende problemen die back-forward-caching voorkomen

De twee belangrijkste redenen die voorkomen dat bfcache wordt uitgevoerd, zijn:

  • Cache-Control: no-store .

    Deze headerwaarde wordt aanbevolen voor pagina's met persoonlijke en privégegevens. Voor pagina's die u redelijk actueel wilt houden, gebruikt u no-cache of een korte cachetijd, bijvoorbeeld max-age=60 .

  • Problematische losbehandelaars .

    Chrome is van plan om unload-handlers te beëindigen en raadt aan nooit een unload gebeurtenis te gebruiken.

    Om ervoor te zorgen dat uw website geen unload-handlers gebruikt en bijvoorbeeld te voorkomen dat extensies unload gebeurtenissen toevoegen, declareert u de HTTP-antwoordheader Permissions-Policy: unload=() .