Tester le cache amélioré

Sofia Emelianova
Sofia Emelianova

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

  • Vérifiez si vous avez optimisé votre page pour les chargements instantanés lorsque vous utilisez les boutons "Précédent" et "Suivant" du navigateur.
  • Identifiez les problèmes qui peuvent empêcher votre page de bénéficier de ce type de mise en cache.

Le cache amélioré (ou bfcache) est une optimisation du navigateur qui permet une navigation vers l'avant et l'avant instantanée. Pour en savoir plus, consultez la section Cache amélioré.

Tester le cache amélioré

Pour tester le cache amélioré, procédez comme suit:

  1. Sur votre page, ouvrez les Outils de développement, puis accédez à Application > Services d'arrière-plan > Cache amélioré.

    Onglet du cache amélioré.

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

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

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

Si le cache amélioré fonctionne sans problème pour votre page, le message suivant s'affiche:

Diffusion réussie depuis le cache amélioré.

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

Pour savoir quels problèmes affectent chaque image, développez la section Images Icône Développer..

Section Frames développée.

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

Si votre page n'est pas éligible à la mise en cache avancée, l'onglet Cache amélioré affiche une liste de trois types de causes:

Non éligible au cache amélioré.

  • Exploitable. 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. Ces fonctionnalités ne sont pas encore compatibles avec Chrome. Elles empêchent donc la mise en cache. Cependant, une fois ces limitations appliquées, Chrome les supprime.
  • Inaction. Vous ne pouvez pas résoudre ces problèmes sur cette page. Un élément indépendant du contrôle de la page empêche la mise en cache.

Pour savoir quel frame est à l'origine du problème, développez la section correspondante sous la description du problème.

Blocage des frames

Problèmes courants empêchant la mise en cache différée

Voici les deux principales raisons qui 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 dont vous souhaitez qu'elles soient suffisamment récentes, utilisez no-cache ou une durée de mise en cache courte, 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, pour empêcher les extensions d'ajouter des événements unload, déclarez l'en-tête de réponse HTTP Permissions-Policy: unload=().