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:
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 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:
Sinon, une liste de problèmes s'affiche.
Pour savoir quels problèmes affectent chaque image, développez la section Images .
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:
- 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.
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 exemplemax-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 HTTPPermissions-Policy: unload=()
.