logo
GeekFormat

Analyseur Cache-Control

Analyseur Cache-Control

Analysez les politiques de cache, la portée de la mise en cache et le TTL de fraîcheur. Générez également des en-têtes reproductibles via le Constructeur.

Résumé de l'analyse

Shared caches allowedfraîcheur : 10m 0sstale-while-revalidate : 30s
Mémorabilité
Shared caches allowed
TTL de fraîcheur
10m 0s
Stale-While-Revalidate
30s
Stale-If-Error
-

Constructeur

public, max-age=600, stale-while-revalidate=30

Aperçu JSON

{
  "directives": [
    {
      "key": "public",
      "value": null
    },
    {
      "key": "max-age",
      "value": "600"
    },
    {
      "key": "stale-while-revalidate",
      "value": "30"
    }
  ],
  "warnings": [],
  "cacheability": "Shared caches allowed",
  "freshnessSeconds": 600,
  "staleWhileRevalidateSeconds": 30,
  "staleIfErrorSeconds": null
}

Comprenez Cache-Control en ligne, sans déchiffrer les directives manuellement.

Recommandations connexes

Cas d'utilisation

  • Vérifiez si une stratégie de cache incorrecte empêche la mise à jour des ressources après le déploiement
  • Inspectez les directives no-cache et must-revalidate lors du débogage de problèmes de mise à jour de page
  • Configurez max-age, immutable et stale-while-revalidate pour optimiser le cache des ressources statiques
  • Vérifiez que no-store est bien appliqué pour éviter la mise en cache des données sensibles dans les réponses API

Fonctionnalités

  • Stratégie de cache détaillée : TTL, cache partagé et logique de revalidation clairement expliqués
  • Optimisation ciblée : différenciez cache navigateur, cache CDN et cache API pour un meilleur contrôle
  • Collaboration simplifiée : partagez facilement les conclusions avec les équipes frontend, backend et DevOps
  • Prêt à déployer : idéal pour intégrer directement dans la configuration serveur ou poursuivre les tests de stratégie de cache

Comment utiliser

  1. Collez le contenu de l'en-tête Cache-Control dans la zone d'analyse ou utilisez le générateur pour configurer les directives
  2. Consultez le TTL, la portée du cache, la stratégie de revalidation et les avertissements en mode analyse
  3. En mode génération, cochez les directives public/private/no-cache/no-store et saisissez les valeurs de temps
  4. Copiez le Cache-Control généré pour la configuration serveur ou poursuivez le débogage

FAQ

Quelle est la différence entre max-age et s-maxage dans Cache-Control ?

max-age contrôle principalement le cache local du navigateur, tandis que s-maxage s'applique aux CDN et aux caches partagés. Séparer ces directives permet d'identifier précisément où le cache bloque.

Pourquoi le navigateur effectue-t-il encore des requêtes fréquentes malgré la configuration du cache ?

Les causes courantes incluent no-cache, must-revalidate, une durée de cache trop courte ou des conflits entre en-têtes. L'analyse permet d'identifier rapidement quelle directive empêche le hit de cache.

Cet outil convient-il au débogage du cache CDN et des ressources statiques ?

Oui. Que ce soit pour les images, JS, CSS ou les en-têtes de réponse API, vous pouvez vérifier le TTL, la stratégie de cache partagé et la logique d'expiration, idéal pour l'auto-vérification avant mise en production.

L'analyse en ligne des en-têtes de cache est-elle sécurisée ?

L'outil est conçu pour analyser le texte des en-têtes de réponse que vous collez, sans processus de téléchargement complexe, idéal pour les développeurs frontend, les administrateurs système et les webmasters qui souhaitent vérifier rapidement leur configuration de cache.