Tester le cache amélioré

Sofia Emelianova

Ce guide vous explique comment utiliser les Outils pour les développeurs Chrome pour effectuer les opérations suivantes:

• Vérifiez si vous avez optimisé votre page pour des chargements instantanés lorsque les boutons Précédent et Suivant du navigateur sont utilisés.
• Identifiez les problèmes qui peuvent empêcher votre page d'être éligible à ce type de mise en cache.

Le cache amélioré (ou bfcache) est une optimisation de navigateur qui permet de naviguer instantanément vers les pages précédentes et suivantes. Pour en savoir plus, consultez la section Cache avant/arrière.

Tester le cache amélioré

Pour tester le cache avant/arrière, procédez comme suit:

1. Sur votre page, ouvrez DevTools, puis accédez à Application > Services en arrière-plan > Cache avant/arrière.

   

2. Cliquez sur Tester le cache amélioré.

   Chrome vous redirige automatiquement vers chrome://terms/, puis vers votre page.

   Vous pouvez également cliquer sur les boutons "Précédent" et "Suivant" du navigateur.

Si le cache avant/arrière fonctionne correctement pour votre page, le message suivant s'affiche:

Sinon, une liste de problèmes s'affichera.

Pour savoir quels problèmes affectent quels cadres, développez la section Cadres.

Résoudre les problèmes qui empêchent la mise en cache

Si votre page n'est pas éligible au cache amélioré, l'onglet Cache avant/arrière affiche une liste de trois types de causes:

• Exploitables Vous pouvez résoudre ces problèmes pour activer la mise en cache. Par exemple, arrêtez d'utiliser les événements unload.
• En attente d'assistance Chrome n'est pas encore compatible avec ces fonctionnalités. Par conséquent, elles empêchent le stockage en cache. Toutefois, une fois la prise en charge effectuée, Chrome supprime ces limites.
• Aucune action possible Vous ne pouvez pas résoudre ces problèmes sur cette page. Un élément échappant au contrôle de la page empêche la mise en cache.

Pour identifier le frame bloquant, développez la section correspondante sous la description du problème.

Problèmes courants empêchant la mise en cache avant/arrière

Deux raisons principales empêchent bfcache de s'exécuter:

• En-tête Cache-Control: no-store

  Cette valeur d'en-tête est recommandée pour les pages contenant des informations personnelles et privées. Pour les pages que vous souhaitez actualiser régulièrement, utilisez no-cache ou un délai de mise en cache court, par exemple max-age=60.

• Gestionnaires de déchargement problématiques

  Chrome prévoit d'abandonner les gestionnaires de déchargement et recommande de ne jamais utiliser d'événement unload.

  Pour vous assurer que votre site Web n'utilise pas de gestionnaires de déchargement et, par exemple, empêcher les extensions d'ajouter des événements unload, déclarez l'en-tête de réponse HTTP Permissions-Policy: unload=().