Tester le cache amélioré

Sofia Emelianova
Sofia Emelianova
GitHub

Ce guide vous explique comment utiliser les Outils pour les développeurs Chrome pour:

  • Vérifiez si vous avez optimisé votre page pour des 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é est une optimisation du navigateur qui permet une navigation 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 vers votre page.

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

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

Diffusion réussie à partir du cache amélioré.

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

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

Section Frames développée.

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

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

Non éligible au cache amélioré.

  • Action directe. 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'étant pas encore compatible avec ces fonctionnalités, elles empêchent la mise en cache. Cependant, une fois compatible, Chrome supprime ces limitations.
  • Action non utilisable. 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 quelle image pose problème, développez la section correspondante sous la description du problème.

Blocage de frames

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

Les deux principales raisons qui empêchent l'exécution du cache amélioré sont les suivantes:

  • 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 mettre à jour, utilisez no-cache ou un court délai de mise en cache, par exemple max-age=60.

  • Gestionnaires problématiques de déchargement.

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

    Pour vous assurer que votre site Web n'utilise pas de gestionnaires unload 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=().