Utilisation de l'en-tête Cache-Control pour améliorer les performances de l'application

L'architecture d'hébergement par défaut d'Amplify optimise l'équilibre entre les performances d'hébergement et la disponibilité du déploiement. Pour la plupart des clients, nous vous recommandons d'utiliser l'architecture par défaut.

Si vous souhaitez mieux contrôler les performances d'une application, vous pouvez définir manuellement l'Cache-Controlen-tête HTTP afin d'optimiser les performances d'hébergement en conservant le contenu en cache à la périphérie du réseau de diffusion de contenu (CDN) pendant un intervalle plus long.

L'Cache-Controlen-tête max-age et les s-maxage directives HTTP affectent la durée de mise en cache du contenu de votre application. La max-age directive indique au navigateur combien de temps (en secondes) vous souhaitez que le contenu reste dans le cache avant que le contenu reste dans le cache avant que le serveur d'origine. La s-maxage directive remplace max-age et vous permet de spécifier combien de temps (en secondes) vous souhaitez que le contenu reste sur la périphérie du CDN avant que le serveur d'origine.

Les applications hébergées avec Amplify respectent Cache-Control les en-têtes envoyés par l'origine, sauf si vous les remplacez par des en-têtes personnalisés que vous définissez. Amplify applique uniquement des en-têtes Cache-Control personnalisés pour les réponses réussies avec un 200 OK code d'état. Cela empêche les réponses aux erreurs d'être mises en cache et de les transmettre aux autres utilisateurs qui font la même demande.

Vous pouvez ajuster manuellement la s-maxage directive pour mieux contrôler les performances et la disponibilité du déploiement de votre application. Par exemple, pour modifier la durée pendant laquelle votre contenu reste en cache à la périphérie, vous pouvez définir manuellement la durée de vie (TTL) en le mettant à jour s-maxage à une valeur autre que la valeur par défaut 31536000 secondes (un an).

Vous pouvez définir des en-têtes personnalisés pour une application dans la section En-têtes personnalisés de la console Amplify. Pour un exemple de YAML format, voirConfiguration des en-têtes personnalisés de Cache-Control.

Utilisez la procédure suivante pour définir la s-maxage directive afin de conserver le contenu en cache à la périphérie du CDN pendant 24 heures.