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:
Sur votre page, ouvrez les outils de développement, puis accédez à Application > Services d'arrière-plan > Cache amélioré.
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:
Sinon, une liste de problèmes s'affiche.
Pour savoir quels problèmes affectent les images, développez la section Images .
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:
- 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.
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 exemplemax-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 HTTPPermissions-Policy: unload=()
.