Voulez-vous apprendre à ajouter des en-têtes d’expiration dans WordPress ?

Les en-têtes d’expiration sont des règles qui permettent aux navigateurs Web de savoir s’il faut charger une ressource de page Web comme des images à partir du cache du navigateur du visiteur ou de votre serveur. Ceux-ci peuvent aider à améliorer les performances de votre site.

Dans cet article, nous allons vous montrer deux façons d’ajouter des en-têtes d’expiration dans WordPress.

Comment les en-têtes Expires sont-ils utilisés dans WordPress ?

La première fois que quelqu’un visite une page Web sur votre site WordPress, tous les fichiers sont chargés un par un. Toutes ces requêtes entre le navigateur et votre serveur d’hébergement WordPress augmentent le temps de chargement des pages Web.

Mise en cache du navigateur stocke tout ou partie de ces fichiers sur l’ordinateur du visiteur. Cela signifie que la prochaine fois qu’ils visiteront la page, les fichiers pourront être chargés à partir de leur propre ordinateur, ce qui augmentera les performances de votre WordPress.

Maintenant, vous vous demandez peut-être comment les navigateurs savent quels fichiers enregistrer et combien de temps les conserver ?

C’est là que les en-têtes expires entrent en jeu.

Les règles concernant les fichiers à enregistrer et la durée de leur enregistrement sont définies à l’aide de expire les en-têtes ou en-têtes de contrôle de cache. Dans cet article, nous nous concentrerons sur les en-têtes d’expiration, car ils sont plus simples à configurer pour la plupart des utilisateurs.

Les en-têtes Expires définissent une date d’expiration pour chaque type de fichier stocké dans le cache du navigateur. Après cette date, les fichiers seront rechargés depuis votre serveur pour donner aux visiteurs la version la plus récente de la page.

Nous allons vous montrer comment ajouter des en-têtes d’expiration en utilisant deux méthodes différentes. La première méthode est plus simple et recommandée pour la plupart des utilisateurs. Vous pouvez cliquer sur les liens ci-dessous pour accéder à votre section préférée :

  • Méthode 1 : Ajouter des en-têtes d’expiration avec le plugin WordPress WP Rocket
  • Méthode 2 : ajouter des en-têtes d’expiration dans WordPress à l’aide de code

Didacticiel vidéo

Abonnez-vous à WPBeginner

Si vous préférez des instructions écrites, continuez à lire.

Méthode 1 : Ajouter des en-têtes d’expiration avec le plugin WordPress WP Rocket

WP Rocket est le plugin de mise en cache WordPress le plus convivial du marché. Une fois activé, il fonctionne immédiatement pour accélérer votre site sans avoir à se soucier des paramètres de configuration compliqués comme de nombreux autres plugins de mise en cache.

WP Rocket est un plugin premium, mais la meilleure partie est que toutes les fonctionnalités sont incluses dans leur plan le plus bas.

HP fusée

La première chose que vous devez faire est d’installer et d’activer le plugin WP Rocket. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.

Une fois installé et activé, WP Rocket activera automatiquement la mise en cache du navigateur. Par défaut, il ajoute des en-têtes d’expiration et des en-têtes de contrôle du cache avec les meilleurs paramètres pour accélérer votre site WordPress.

C’est tout ce que vous devez faire. Si vous souhaitez en savoir plus sur le plugin, consultez notre guide sur la façon d’installer et de configurer correctement WP Rocket dans WordPress.

Si vous préférez utiliser un plug-in de mise en cache gratuit pour ajouter des en-têtes d’expiration à votre site Web, nous vous recommandons de consulter W3 Total Cache.

W3 Total Cache offre certaines des mêmes fonctionnalités que WP Rocket, mais il n’est pas aussi convivial pour les débutants. Vous devez activer manuellement les en-têtes d’expiration, car ils ne les activent pas automatiquement.

Méthode 2 : ajouter des en-têtes d’expiration dans WordPress à l’aide de code

La deuxième méthode pour ajouter des en-têtes d’expiration dans WordPress consiste à ajouter du code à vos fichiers WordPress. Nous ne le recommandons pas aux débutants, car une erreur dans le code pourrait provoquer de graves erreurs et casser votre site.

Avant d’apporter ces modifications, nous vous recommandons de sauvegarder d’abord votre site WordPress. Pour plus de détails, consultez notre guide sur la sauvegarde et la restauration de votre site WordPress.

Cela dit, voyons comment ajouter des en-têtes d’expiration en ajoutant du code à WordPress.

Déterminez si votre site Web exécute Apache ou Nginx

Tout d’abord, vous devez déterminer si votre site Web utilise des serveurs Apache ou Nginx. Pour ce faire, accédez à votre site Web et cliquez avec le bouton droit de la souris sur la page, puis sélectionnez l’option « Inspecter ».

Cliquez avec le bouton droit sur l'option d'inspection

Ensuite, vous devez cliquer sur l’onglet « Réseau » en haut de la page. Vous devrez peut-être actualiser la page pour que les résultats se chargent.

Cliquez sur l'onglet Réseau

Après cela, vous pouvez cliquer sur votre nom de domaine en haut de la colonne « Nom ». Ensuite, vous devez faire défiler jusqu’à la section « En-têtes de réponse » et rechercher un élément appelé « serveur ».

Vérifiez la section des en-têtes de réponse

Cela vous montrera quel serveur Web est utilisé. Dans ce cas, le site tourne sur un serveur Nginx.

Maintenant que vous savez quel serveur Web votre site utilise, utilisez les liens ci-dessous pour aller de l’avant :

  • Comment ajouter des en-têtes d’expiration dans Apache
  • Comment ajouter des en-têtes d’expiration dans Nginx

Comment ajouter des en-têtes d’expiration dans Apache

Pour ajouter des en-têtes expires à un serveur Apache, vous devez ajouter du code à votre .htaccess dossier.

Pour modifier ce fichier, vous devez vous connecter à votre compte d’hébergement WordPress avec un client FTP ou l’outil de gestion de fichiers de votre hébergeur. Vous trouverez votre .htaccess fichier dans le dossier racine de votre site Web.

Trouvez .htaccess dans le dossier racine

Parfois, le fichier .htaccess peut être masqué. Si vous avez besoin d’aide pour le trouver, consultez notre guide expliquant pourquoi vous ne trouvez pas le fichier .htaccess sur votre site WordPress.

Ensuite, vous devez ajouter des en-têtes d’expiration pour activer la mise en cache du navigateur. Cela indique au navigateur Web combien de temps il doit stocker les ressources de votre site Web avant qu’elles ne soient supprimées.

Vous pouvez ajouter le code suivant en haut de votre .htaccess fichier pour ajouter des en-têtes d’expiration :

1
2
3
4
5
6
sept
8
9
dix
11
12
13
14
15
16
17
## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 3 days"
</IfModule>
## EXPIRES HEADER CACHING ##

Ces valeurs devraient fonctionner correctement pour la plupart des sites, mais vous pouvez ajuster les périodes si vos besoins sont différents.

Notez que le code définit différentes dates d’expiration du cache en fonction du type de fichier. Les images sont mises en cache plus longtemps que HTML, CSS, Javascript et d’autres types de fichiers car elles restent généralement les mêmes.

Comment ajouter des en-têtes d’expiration dans Nginx

Si vous utilisez un serveur Nginx pour héberger votre blog WordPress, vous devez modifier le fichier de configuration du serveur pour ajouter des en-têtes d’expiration.

La façon dont vous modifiez et accédez à ce fichier dépend de votre hôte, vous pouvez donc contacter votre fournisseur d’hébergement si vous avez besoin d’aide pour accéder au fichier.

Ensuite, vous devez ajouter le code suivant pour ajouter les en-têtes expires :

1
2
3
4
5
6
sept
location ~* \.(jpg|jpeg|gif|png|svg)$ {
  expires 365d;
}
 
location ~* \.(pdf|css|html|js|swf)$ {
  expires 3d;
}

Ce code définira les délais d’expiration pour les différents types de fichiers. Notez à nouveau que les images sont mises en cache plus longtemps que HTML, CSS, JS et d’autres types de fichiers, car les images restent généralement les mêmes.

Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter des en-têtes d’expiration dans WordPress. Vous pouvez également consulter notre guide de sécurité WordPress ultime pour améliorer la sécurité de votre site Web et consulter notre comparaison des meilleurs services de marketing par e-mail pour augmenter votre trafic.

Si vous avez aimé cet article, veuillez vous abonner à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici