Ajout d'en-têtes d'expiration dans le thème WordPress Ocean WP

Ajout d'en-têtes d'expiration dans le thème WordPress Ocean WP Le thème WordPress Ocean WP est un excellent choix pour ceux qui recherchent un thème rapide, léger et personnalisable. L'une des principales caractéristiques qui rendent Ocean WP si rapide est son utilisation des en-têtes d'expiration. Les en-têtes d'expiration indiquent au navigateur combien de temps conserver un fichier particulier dans son cache. Lorsqu'un fichier est mis en cache, le navigateur n'a pas à le télécharger depuis le serveur à chaque fois qu'il en a besoin, ce qui peut accélérer les temps de chargement des pages. Ocean WP ajoute automatiquement des en-têtes d'expiration à tous les fichiers statiques, tels que les images, les fichiers CSS et JavaScript. Si vous utilisez un plugin de mise en cache, tel que W3 Total Cache ou WP Super Cache, vous pouvez également ajouter des en-têtes d'expiration à vos fichiers dynamiques, tels que les fichiers HTML et PHP. L'ajout d'en-têtes d'expiration est un moyen simple d'accélérer votre site Web. Si vous utilisez Ocean WP, vous n'avez rien à faire, car le thème s'en charge pour vous. Cependant, si vous utilisez un plugin de mise en cache, vous devrez ajouter quelques lignes de code à votre fichier .htaccess. Avant d'apporter des modifications à votre fichier .htaccess, faites toujours une sauvegarde. De cette façon, si quelque chose ne va pas, vous pouvez restaurer le fichier à partir de votre sauvegarde. Pour ajouter des en-têtes d'expiration avec un plugin de mise en cache, vous devrez ajouter le code suivant à votre fichier .htaccess : # BEGIN Expire headers ExpiresActive On ExpiresDefault "access plus 1 year" # END Expire headers Ce code indique au serveur d'ajouter des en-têtes d'expiration à tous les fichiers. La partie "accès plus 1 an" indique au navigateur de conserver les fichiers dans son cache pendant un an. Vous pouvez remplacer 1 an par n'importe quelle autre période. Par exemple, si vous vouliez que les fichiers soient mis en cache pendant 6 mois, vous changeriez le code en "accès plus 6 mois". Une fois que vous avez ajouté le code à votre fichier .htaccess, enregistrez le fichier et téléchargez-le sur votre serveur. C'est tout ce qu'on peut en dire! Votre site Web devrait maintenant se charger plus rapidement que jamais.

Vos résultats seront affectés par les résultats des recommandations de performances de YSlow, ce qui signifie que vos performances seront médiocres dans des outils tels que GTmetrix. En incluant les expirations dans vos en-têtes HTTP, vous pouvez optimiser la vitesse de chargement de votre site Web en utilisant la mise en cache du navigateur. Dans cet article, nous verrons comment les en-têtes d'expiration affectent votre site Web et ce qu'ils font. Une façon de réduire la mise en cache du navigateur sur WordPress consiste à utiliser l'en-tête Expires. Il est également possible d'utiliser cache-control comme sauvegarde. Lorsque vous utilisez les deux, assurez-vous que la même valeur de temps est définie dans chacun. Vous pouvez utiliser le fichier.htaccess du serveur Web Apache pour ajouter des informations d'en-tête d'expiration.

Vous pouvez contrôler les en-têtes Expires sur le serveur Web Nginx de votre hébergeur en modifiant le fichier de configuration. Il est possible d'ajuster les délais d'expiration pour différents types de fichiers. Si votre hébergeur n'a pas encore implémenté la mise en cache pour vous, la solution consiste à utiliser un plugin de mise en cache. Si vous souhaitez tester les en-têtes HTTP pour les en-têtes d'expiration, vous pouvez faire une requête curl dans Terminal à un actif statique sur votre site et les inspecter directement. Vous pouvez exécuter votre site Web via n'importe quel outil de test de vitesse (tel que GTmetrix) et vérifier si vous voyez toujours le message d'en-tête Ajouter. Un en-tête d'expiration valide vous permet de contrôler le comportement de votre navigateur lorsque vous parcourez différents types de fichiers sur un site WordPress. Lorsque vous n'utilisez pas d'en-têtes d'expiration, certains outils de test de vitesse réduiront le score de votre site. Cela peut être accompli en utilisant le plugin gratuit Optimize My Google Fonts (OMGF) sur WordPress.org. Vous pouvez faire la même chose si vous souhaitez utiliser à la fois expires et cache-control.

Dois-je ajouter des en-têtes expirés ?

Malgré cela, les en-têtes Expires continuent de fournir tout ce dont la plupart des sites Web ont besoin, ce qui en fait un excellent choix pour la mise en cache du navigateur. Bien que les en-têtes cache-control soient généralement prioritaires dans la majorité des cas, vous pouvez également utiliser les deux. Lorsque vous utilisez les deux, assurez-vous que les paramètres de temps sont les mêmes pour chacun.

De nombreux articles ont été écrits ces derniers mois concernant les avantages de la définition d'en-têtes d'expiration pour contrôler la mise en cache du navigateur à la lumière de l'annonce par Google de l'impact de la vitesse du site sur les classements de recherche. Les en-têtes Expires dans les navigateurs indiquent si une ressource sur un site Web doit être demandée à la source ou si elle peut être récupérée à partir du cache du navigateur. Il est essentiel de configurer les en-têtes expires afin qu'ils ne reçoivent pas de requêtes inutiles. Comment savoir si une demande est inappropriée ? Avant d'implémenter les en-têtes expires, vous devez tenir compte des facteurs suivants. Quelle ressource est dans votre vie quotidienne dont vous vous attendez à être mise à jour ? Le site est-il un site de commerce électronique ?

Si les en-têtes d'expiration sont laissés vides, les sites de commerce électronique peuvent avoir de sérieux problèmes. Vous pouvez utiliser les empreintes digitales pour déterminer la date d'expiration d'une ressource si elle a changé plus fréquemment que cela. Chaque site aura des besoins, des exigences et des fonctionnalités souhaitées différents. En fait, le stockage en cache n'est pas requis pour toutes les ressources d'un site. Assurez-vous de vous concentrer sur les ressources qui contribuent à la lenteur des sites Web, telles que les images et les scripts.

Comment ajouter un en-tête d'expiration à votre site

En tant qu'en-tête expires, vous pouvez ajouter la ligne suivante à votre fichier.htaccess :
L'offre expire à 23h59 le lundi 16 septembre 2020. Une autre option consiste à utiliser un plugin tel que WP Super Cache pour ajouter un en-tête d'expiration.

Que sont les en-têtes d'expiration ?

Un en-tête expires est un en-tête HTTP qui indique si une demande mise en cache peut être reçue ou si vous devez accéder à un serveur car l'option de page dans le cache est obsolète. Cet en-tête contient la date et l'heure de la page au moment où elle est disponible dans le cache du navigateur.

En 2010, Google a commencé à classer les pages en fonction de leur vitesse. En plus de la vitesse de chargement, la vitesse de chargement des pages mobiles est devenue un facteur important ces dernières années. Dans une étude de Google, la probabilité qu'un utilisateur quitte un site après avoir attendu 5 secondes est trois fois plus élevée que la probabilité qu'un utilisateur quitte un site après avoir attendu trois secondes. Si vos pages et éléments de contenu sont fréquemment mis à jour ou seront mis à jour dans un proche avenir, vous pouvez utiliser un en-tête expires pour spécifier une date d'expiration. Les balises qui expirent sont particulièrement importantes car elles peuvent être utilisées pour limiter la durée de stockage des images dans un cache. Étant donné que la mise en cache peut affecter la vitesse de téléchargement de pages individuelles, il est recommandé d'utiliser cette technologie à l'occasion. Au fur et à mesure que les informations sur le site Web de votre festival du film seront disponibles, elles resteront pertinentes à l'avenir.

Les en-têtes d'expiration peuvent être appliqués pour une page avec des billets, un programme, des participants, etc., et l'intervalle doit être fixé jusqu'à la date pertinente. Une fois que l'utilisateur a visité le site, le contenu sera automatiquement chargé à partir du cache de l'utilisateur tant que la date de fin du contenu est liée à la date de fin du site. L'utilisation d'en-têtes d'expiration peut être bénéfique non seulement à des fins de référencement, mais également pour des raisons UX. La configuration avec le plug-in peut être plus simple, mais la modification manuelle des variations d'en-tête d'expiration peut prendre plus de temps. Si le contenu n'est pas dynamique, même un en-tête HTML supplémentaire n'en vaut pas la peine.

En-tête d'expiration HTTP

Lorsque le cache d'un objet est étendu par un proxy ou une passerelle, il utilise l' en-tête HTTP Expires pour déterminer combien de temps un objet restera actif. L'en-tête est défini sur GMT et divisé en deux parties : la date et l'heure. Chacun des quatre chiffres représente l'année, le mois, le jour et l'heure sous forme de nombre décimal. L'heure, qui représente l'heure au format décimal, est représentée par deux chiffres.

Comment ajouter des en-têtes d'expiration WordPress

L'ajout d'en-têtes d'expiration à votre site WordPress est un excellent moyen d'améliorer les performances de votre site et de réduire la charge sur votre serveur. Il existe plusieurs façons de procéder, mais nous vous recommandons d'utiliser le plug-in WP HTTP Headers. Ce plugin ajoutera automatiquement les en-têtes nécessaires à votre site.

Le cache d'un site Web est fortement lié aux en-têtes de fin de session. Vous utilisez le bouton de cache pour mémoriser les fichiers qui ont été utilisés pour charger votre page lors de requêtes précédentes dans votre navigateur. L'en-tête expires peut être utilisé pour réduire le nombre de requêtes HTTP au serveur, ce qui entraîne des temps de chargement plus rapides.

Ajouter des en-têtes d'expiration Nginx

L'ajout d'en-têtes d'expiration à nginx est un moyen de dire au serveur Web de mettre en cache certains types de fichiers pendant une période de temps définie. Cela peut aider à améliorer les performances du site Web, car le serveur Web n'aura pas besoin de récupérer ces fichiers sur le serveur d'origine chaque fois qu'un utilisateur les demande. Pour ajouter des en-têtes expires à nginx, vous devrez modifier le fichier de configuration du serveur.

Entrez un en-tête dans votre configuration nginx. L'affichage d'un navigateur indiquera si un fichier doit être extrait du serveur ou s'il peut être rechargé à l'aide de la mémoire ou du disque. La première visite sur le site n'a aucun impact sur ces en-têtes. Une page suivante peut ainsi être rendue en un temps plus court grâce à cette méthode, malgré le fait que le navigateur de l'utilisateur doit encore faire de nombreuses requêtes HTTP. Les serveurs Linux les plus récents peuvent être redémarrés à l'aide de la commande 'ngxinit'. Il existe généralement un dossier nommé /etc/nginx/sites-enabled dans le dossier /etc/nginx. Comme je l'ai indiqué dans mon exemple, je modifie /://www.example.com/cache-control.max-age=900 pour m'assurer que toutes les images sont mises en cache pendant une période de temps spécifiée. Étant donné que les images changent rarement pendant la période de mise en cache , vous souhaiterez peut-être la définir encore plus longtemps, par exemple, six mois ou un an si vous le souhaitez.

Qu'est-ce qu'un en-tête d'ajout dans Nginx ?

Vous pouvez utiliser la directive Nginx add_header pour spécifier un en-tête de réponse arbitraire et une valeur pour tous les codes de réponse, qui sont égaux à 200, 201, 204, 206, 301, 302, 303, 304 ou 307. Cela peut être défini à l'aide de nginx.

Comment ajouter l'en-tête Referrer-policy dans Nginx

Veuillez insérer l'en-tête Referrer-Policy dans votre fichier de configuration par défaut pour nginx en utilisant la ligne suivante dans le fichier de configuration par défaut de votre serveur Web nginx : *br>. Les champs suivants doivent obligatoirement être renseignés : add_header Referrer Policy : restriction d'origine.
Ensuite, redémarrez le service Nginx pour appliquer les modifications.
redémarrer le service nginx

Siteground Ajouter des en-têtes d'expiration

Si vous souhaitez ajouter des en-têtes d'expiration à votre site, vous pouvez le faire en accédant à votre compte SiteGround, puis à la section "Outils". De là, vous trouverez l'outil "Expire les en-têtes". Avec cet outil, vous pouvez ajouter des en-têtes d'expiration à votre site et contrôler leur durée d'activité.

Siteground : un fournisseur de longue date avec un large éventail de fonctionnalités, mais la vitesse du site Web est un problème

SiteGround existe depuis un certain temps et c'est l'un des plus grands fournisseurs d'hébergement Web du secteur. En plus d'une large gamme de plans d'hébergement, ils fournissent une large gamme d'outils et de fonctionnalités. Les faiblesses de GroundGround incluent l'un des aspects les plus importants de la vitesse du site Web. Pour les utilisateurs, SiteGround est connu pour avoir des problèmes avec la vitesse de son site Web, ce qui peut être assez frustrant. Le CDN de SiteGround n'utilise que 14 PoP, ce qui signifie qu'il ne peut pas rivaliser avec les performances des nouveaux CDN. De plus, SiteGround a des antécédents de TTFB lents, ce qui aggrave encore les choses. En conséquence, le CDN de SiteGround risque d'être lent même s'il fonctionne bien ; la gestion du trafic est un enjeu majeur pour SiteGround. Plusieurs options s'offrent à vous pour résoudre ce problème. La première étape consiste à travailler avec l'optimiseur de SiteGround. Bien qu'il soit utile, votre site Web peut encore prendre beaucoup de temps. Vous pouvez également résoudre manuellement les problèmes qui ralentissent votre site Web en utilisant la deuxième option. Les outils Speed ​​de SiteGround, par exemple, peuvent être utilisés pour accomplir cela, ou vous pouvez utiliser un fichier htaccess. Après avoir apporté les modifications nécessaires, vous devrez supprimer à nouveau le cache dynamique dans Outils du site - Vitesse - Mise en cache - Cache dynamique. Vérifiez que votre cache est opérationnel.