Les performances de WordPress sont cruciales, c’est pourquoi nous mettons tout en œuvre pour que nos sites se chargent le plus rapidement possible. Nous trouvons que l’Ajouté de ‘expires headers’ à nos sites WordPress est une façon intelligente de booster leur performance.
Les en-têtes Expires sont des règles qui indiquent aux navigateurs web s’ils doivent charger les ressources de la page, comme les images, à partir de la mise en cache du navigateur de l’internaute ou directement à partir de votre serveur. Cela permet d’améliorer considérablement les temps de chargement et l’expérience des utilisateurs.
Dans cet article, nous vous guiderons à travers deux méthodes efficaces pour ajouter des en-têtes d’expiration dans WordPress. En suivant ces étapes, vous pourrez optimiser la distribution des ressources et vous assurer que votre site fonctionne de manière fluide et efficace.
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 demandes HTTP entre le navigateur et votre serveur hébergeur WordPress augmentent le temps de chargement de la page web.
La mise en cache du navigateur stocke tout ou partie de ces fichiers sur l’ordinateur de l’internaute. Cela signifie que la prochaine fois qu’ils visiteront la page, les fichiers pourront être chargés à partir de leur propre ordinateur, ce qui stimulera les performances de votre site WordPress et améliorera l’expérience de l’utilisateur.
Vous vous demandez peut-être comment les navigateurs savent quels fichiers enregistrer et combien de temps les conserver. C’est là qu’interviennent les « en-têtes d’expiration ».
Les Réglages concernant les fichiers à enregistrer et leur durée d’enregistrement sont définis à l’aide d’en-têtes expires ou d’en-têtes cache-control. Dans cet article, nous nous concentrerons sur les en-têtes expires car ils sont plus simples à configurer pour la plupart des utilisateurs/utilisatrices.
Les en-têtes Expires définissent une date d’expiration pour chaque type de fichier stocké dans la mise en cache du navigateur. Après cette date, les fichiers seront rechargés à partir de votre serveur afin de fournir aux internautes la version la plus récente de la page.
Nous allons vous afficher comment ajouter des en-têtes d’expiration en utilisant deux méthodes différentes. La première méthode est plus facile et recommandée pour la plupart des utilisateurs/utilisatrices. Vous pouvez cliquer sur les liens ci-dessous pour passer à la section de votre choix :
Tutoriel vidéo
Si vous préférez des instructions écrites, continuez à lire.
Méthode 1 : Ajouter des en-têtes Expires avec l’extension WordPress WP Rocket
WP Rocket est l’extension de mise en cache WordPress la plus conviviale du marché pour les débutants. Une fois activé, il fonctionne immédiatement pour améliorer la vitesse de votre site sans avoir à s’embrouiller avec des réglages de configuration compliqués comme beaucoup d’autres extensions de mise en cache.
WP Rocket est une extension premium, mais la meilleure partie est que toutes les fonctionnalités sont incluses dans leur offre la plus basse.
La première chose à faire est d’installer et d’activer l’extension WP Rocket. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension 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 expires et des en-têtes cache-control avec les meilleurs Réglages pour accélérer votre site WordPress.
C’est tout ce que vous avez à faire. Si vous voulez en savoir plus sur l’extension, alors consultez notre guide sur la façon d’installer et de configurer correctement WP Rocket dans WordPress.
Si vous préférez utiliser une extension de mise en cache gratuite pour ajouter des en-têtes d’expiration à votre site, nous vous recommandons de jeter un coup d’œil à 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 devrez activer manuellement les en-têtes expires car il ne les active pas automatiquement.
Méthode 2 : Ajouter des en-têtes Expires dans WordPress en utilisant du code
La deuxième méthode pour ajouter des en-têtes d’expiration dans WordPress consiste à ajouter un extrait de code dans vos fichiers WordPress. Nous ne la recommandons pas aux débutants car une erreur dans le code pourrait provoquer de graves erreurs et casser votre site.
Avant d’effectuer ces modifications, nous vous recommandons d’effectuer une sauvegarde de votre site WordPress. Pour plus de détails, consultez notre guide sur la sauvegarde et la restauration de votre site WordPress.
Ajouté à cela, voyons comment ajouter des en-têtes d’expiration en ajoutant du code à WordPress.
Déterminer si votre site utilise Apache ou NGINX
Tout d’abord, vous devez déterminer si votre site utilise des serveurs Apache ou NGINX. Pour ce faire, accédez à votre site, cliquez sur la page avec le bouton droit de la souris et sélectionnez l’option « Inspecter ».
Ensuite, vous devez cliquer sur l’onglet « Réseau » en haut de la page.
Il se peut que vous deviez actualiser la page pour que les résultats se chargent.
Ensuite, vous pouvez cliquer sur votre nom de domaine en haut de la colonne ‘Nom’.
Défilez ensuite jusqu’à la section « En-têtes de réponse » et vérifiez la présence d’un article appelé « serveur ».
Cela vous affichera le serveur web utilisé. Dans ce cas, le site fonctionne sur un serveur NGINX.
Maintenant que vous savez quel serveur web utilise votre site, utilisez les liens ci-dessous pour aller plus loin :
Comment ajouter des en-têtes Expires dans Apache
Pour ajouter des en-têtes d’expiration à un serveur Apache, vous devez ajouter du code à votre fichier .htaccess
.
Pour modifier ce fichier, vous devez vous connecter à votre compte d’hébergement WordPress à l’aide d’un client FTP ou de l’outil de gestion de fichiers de votre hébergeur. Vous trouverez votre fichier .htaccess
dans le dossier racine de votre site.
Note : Parfois, le fichier .htaccess peut être masqué. Si vous avez besoin d’aide pour le trouver, consultez notre guide sur les raisons pour lesquelles vous ne trouvez pas le fichier .htaccess sur votre site WordPress.
Ensuite, vous devez ajouter des en-têtes « expires » pour activer la mise en cache du navigateur. Cela indique au navigateur combien de temps il doit stocker les ressources de votre site avant de les supprimer.
Vous pouvez ajouter le code suivant au début de votre fichier .htaccess
:
## 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 convenir à 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 les fichiers HTML, CSS, Javascript et les autres types de fichiers, car ils restent généralement inchangés.
Comment ajouter des en-têtes Expires dans NGINX
Si vous utilisez un serveur NGINX pour héberger votre blog WordPress, vous devez alors modifier le fichier de configuration du serveur pour ajouter des en-têtes d’expiration.
La manière dont vous modifiez ce fichier et y accédez dépend de votre hébergeur. Vous pouvez donc contacter votre fournisseur d’hébergement si vous avez besoin d’aide pour accéder à ce fichier.
Ensuite, vous devez ajouter le code suivant :
location ~* \.(jpg|jpeg|gif|png|svg)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 3d;
}
Ce code définit les délais d’expiration pour les différents types de fichiers. Notez à nouveau que les images sont mises en cache plus longtemps que les fichiers HTML, CSS, JS et les autres types de fichiers, car les images restent généralement inchangées.
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 ultime de sécurité WordPress pour améliorer la sécurité de votre site et notre choix d’experts des meilleurs services de marketing e-mail pour augmenter votre trafic.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk
I would like to ask where the error could be. I have Expire headers set in htacess. Directives are fine. Even so, AIO SEO keeps telling me that they are not set. Where to look next?
WPBeginner Support
We would recommend reaching out to AIOSEO’s support to make sure there isn’t a detection issue you are running into with your site’s specific setup.
Administrateur
Ivan Gneiding
I added the code into .htaccess (apache server) but pingdom.com still complaining about expires headers. What else should I do?
Thanks in advance.
Arthur Morehead
Dev tools did not reveal my server
Greg Murch
Love the code to the .htaccess, less likely to slow the site down with more plugins.
Lasha
Many people have problems with expire headers and this is a great guide. But for this kind of thing, I always prefer plugins then manual code injections.