Guide d'utilisation de l'outil

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Catégorie: Development
Types d’entrée: textarea, select, number
Type de sortie: html
Exemples associés: 4
API disponible: Oui

Aperçu

L’optimiseur du budget TTL Cache-Control et CDN edge analyse un en-tête Cache-Control, calcule les TTL navigateur et edge ainsi que le budget stale, puis signale les conflits et fournit des notes statiques selon le CDN sélectionné.

Quand l’utiliser

Vérifier la durée de fraîcheur d’une réponse publique entre le navigateur et le cache edge.
Comparer les directives max-age, s-maxage et stale-while-revalidate à des budgets définis.
Contrôler une politique private ou no-cache avant sa mise en production.

Fonctionnement

1Saisissez l’en-tête Cache-Control complet, par exemple « public, max-age=60, s-maxage=600, stale-while-revalidate=30 ».
2Sélectionnez le contexte HTTP générique ou un CDN parmi Fastly, Cloudflare et Akamai.
3Ajoutez facultativement les budgets TTL navigateur, TTL edge et stale en secondes.
4L’outil analyse les directives, calcule les budgets, détecte les conflits et affiche un rapport HTML avec des notes statiques liées au CDN.

Cas d’usage

Auditer une réponse publique avec un TTL navigateur court, un s-maxage plus long et une période stale limitée.
Vérifier qu’une réponse privée marquée no-cache ne reçoit pas de budget de fraîcheur.
Comparer les notes de comportement statiques associées à différents contextes CDN.

Exemples

1. Séparer les budgets de fraîcheur navigateur et edge

Développeuse web

Contexte

Une équipe publie un contenu public qui doit rester récent dans le navigateur tout en profitant d’un cache edge plus long.

Problème

Vérifier que les directives Cache-Control correspondent aux budgets de 120 secondes côté navigateur, 900 secondes côté edge et 60 secondes pour stale.

Utilisation

Saisissez « public, max-age=60, s-maxage=600, stale-while-revalidate=30 », sélectionnez Cloudflare et renseignez les trois budgets.

CDN : Cloudflare ; budget TTL navigateur : 120 secondes ; budget TTL edge : 900 secondes ; budget stale : 60 secondes.

Résultat

Le rapport HTML analyse les TTL navigateur et edge, le budget stale, les éventuels conflits et les notes statiques liées à Cloudflare.

2. Contrôler une réponse sans fraîcheur de cache

Ingénieur backend

Contexte

Une réponse privée ne doit pas être conservée avec une durée de fraîcheur définie par Cache-Control.

Problème

Confirmer que la politique « private, no-cache » ne prévoit aucun TTL navigateur ou edge ni budget stale.

Utilisation

FAQ

Quel en-tête dois-je saisir ?

Saisissez la valeur complète de l’en-tête Cache-Control, avec ses directives séparées par des virgules.

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

max-age représente la fraîcheur côté navigateur, tandis que s-maxage concerne les caches partagés ou edge.

Les budgets TTL sont-ils obligatoires ?

Non. Les budgets navigateur, edge et stale sont facultatifs et s’expriment en secondes.

Que se passe-t-il avec « private, no-cache » ?

L’outil vérifie cette politique et peut confirmer l’absence de TTL de fraîcheur navigateur et edge lorsque les budgets sont fixés à zéro.

Quels CDN sont disponibles ?

Vous pouvez sélectionner HTTP générique, Fastly, Cloudflare ou Akamai.

CDN : HTTP générique ; budget TTL navigateur : 0 seconde ; budget TTL edge : 0 seconde ; budget stale : 0 seconde.

Optimiseur du budget TTL Cache-Control et CDN edge

Exécuter cet outil

Exemples adaptés à cet outil

Continuer avec des outils et dossiers associés

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Aperçu

Quand l’utiliser

Fonctionnement

Cas d’usage

Exemples

1. Séparer les budgets de fraîcheur navigateur et edge

2. Contrôler une réponse sans fraîcheur de cache

FAQ

Révision d’un changement de cache HTTP et remise des preuves

Exemples de Traitement d'Images Android Java

Exemples de Traitement d'Images Android Kotlin

Exemples de Traitement d'Images Web Python

Traitement d'Images macOS Objective-C - Exemples

Calculateur de NPSH de Pompe (Hauteur Nette Positive d'Aspiration) et Vérification de Cavitation

Propagateur d’orbite à éléments moyens de style ESA PB05 (Brouwer–Lyddane, J2–J6 + luni-solaire)

Analyseur de Corrélation

Constructeur d'art direction responsive Picture / srcset