Prévenir la mise en cache des fichiers CSS côté serveur avec Apache

Lors du développement de sites Web, il est crucial de s'assurer que les visiteurs accèdent aux dernières versions de Fichiers CSS pour éviter les problèmes de mise en cache. Cet article aborde la question de savoir si Apache met en cache les ressources et propose une solution pour l'empêcher de le faire, en particulier lorsque vous rencontrez un scénario dans lequel les modifications CSS ne sont pas reflétées dans le navigateur malgré le rechargement de la page.

Est-ce que est-il vrai qu'Apache met en cache les ressources ?

Oui, Apache peut mettre en cache des ressources telles que les fichiers CSS pour améliorer les temps de chargement des pages. Ce comportement est principalement contrôlé par le module mod_expires, qui spécifie les dates d'expiration pour différents types de fichiers. Pour vérifier si Apache met en cache les fichiers CSS sur votre serveur, vous pouvez suivre les étapes suivantes :

1. Ouvrez une invite de commande ou une fenêtre de terminal.
2. Accédez au répertoire de configuration d'Apache (généralement /etc/apache2).
3. Modifiez le fichier .htaccess dans le répertoire public_html.
4. Ajoutez ce qui suit code :

ExpiresActive On
ExpiresDefault "access plus 0 seconds"
ExpiresByType text/css "access plus 0 seconds"

5. Enregistrez le fichier et redémarrez Apache.
6. Ouvrez le navigateur et actualisez la page. Si le fichier CSS a été mis à jour, vous devriez voir les modifications immédiatement.

Comment empêcher Apache de mettre en cache les fichiers CSS ?

Pour empêcher Apache de mettre en cache Fichiers CSS, vous pouvez définir la date d'expiration des fichiers CSS sur une courte durée, par exemple zéro seconde. En faisant cela, le navigateur récupérera toujours la dernière version du fichier CSS sur le serveur au lieu d'utiliser la version mise en cache. Voici comment procéder :

1. Localisez le fichier .htaccess dans le répertoire public_html.
2. Ajoutez la ligne suivante :

ExpiresByType text/css "access plus 0 seconds"

3. Enregistrez le fichier et redémarrez Apache.

Vous pouvez également utiliser une chaîne de requête pour forcer le navigateur à recharger le fichier CSS à chaque fois qu'il est demandé. Par exemple, vous pouvez modifier votre lien CSS comme suit :

Lorsque vous mettez à jour le fichier CSS, incrémentez la valeur du paramètre v pour forcer un rechargement.