Configurer l’expiration du cache pour les fichiers statiques est une tâche essentielle pour améliorer les performances du site web et offrir une meilleure expérience utilisateur. Le cache de fichiers statiques permet aux navigateurs de stocker localement des ressources telles que des images, des feuilles de style CSS et des fichiers JavaScript, réduisant ainsi les nécessités de requêtes réseau répétées. Cette réponse fournira des exemples et des sources fiables pour vous guider.
Pour les serveurs web Apache, le fichier `.htaccess` est couramment utilisé pour définir les règles de cache. Vous pouvez ajouter les directives suivantes pour configurer l’expiration du cache :
```
Dans cet exemple, l’expiration est fixée à un mois pour différents types de fichiers statiques. Cela signifie que le navigateur conservera ces fichiers en cache pendant un mois avant de vérifier auprès du serveur s’ils ont été mis à jour.
Pour les utilisateurs de nginx, la configuration se fait généralement dans le fichier de configuration du serveur. Vous pouvez ajouter les directives suivantes pour définir l’expiration du cache :
```
location ~* \.(js|css|jpg|jpeg|png|gif|ico|woff2)$ {
expires 30d;
access_log off;
}
```
Ici, l’instruction `expires 30d;` signifie que les fichiers avec les extensions spécifiées seront mis en cache pendant 30 jours.
Les CDN comme Cloudflare ou AWS CloudFront peuvent également être utilisés pour configurer l’expiration du cache. Par exemple, dans Cloudflare, vous pouvez aller dans la section “Caching” et définir la durée de vie (TTL) du cache pour divers fichiers.
1. Dans un site de e-commerce, les images produits changent rarement, donc un cache d’un mois ou plus peut être approprié.
2. Pour les fichiers CSS et JavaScript, il est crucial d’avoir une stratégie de mise en cache avec invalidation pour s’assurer que les modifications sont rapidement visibles par les utilisateurs. Une bonne pratique est d’utiliser des versions dans les URL, comme `style.v1.css`, et de changer le numéro de version à chaque mise à jour.
1. Apache HTTP Server Documentation: [mod_expires](https://httpd.apache.org/docs/current/mod/mod_expires.html)
2. nginx Documentation: [ngx_http_headers_module](https://nginx.org/en/docs/http/ngx_http_headers_module.html)
3. Cloudflare Documentation: [Cloudflare Page Rules](https://support.cloudflare.com/hc/en-us/articles/218411427-Configuring-Cache-and-Expiration-Rules)
4. AWS Documentation: [Managing how long content stays in your CloudFront cache](https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/CachedObjects.html)
Ces exemples montrent comment configurer le cache pour différents types de fichiers sur différents serveurs, et les sources citées fournissent une documentation officielle et des guides pour une mise en œuvre correcte.
