Serveur Installation
Serveur Optimisation
Le serveur est l'épine dorsale de votre site Web
Ne négligez pas la configuration de votre serveur
Assurez-vous que votre Le serveur est rapide
Obtenir la configuration de serveur correcte pour atteindre des scores de vitesse de page plus rapides est une étape simple mais cruciale pour obtenir les meilleurs scores possibles. Il y a quelques étapes importantes à prendre en compte lors de la configuration/achat de votre serveur. Comme pour le reste de ce guide, je ne vais pas vous expliquer toutes les raisons techniques confuses pour lesquelles cela doit être fait, mais plutôt vous donner un aperçu de ce qu'il faut rechercher et comment le configurer correctement.
Pour planter le décor, un hébergement bon marché (ou partagé comme celui proposé par Godaddy ou Rackspace) n'est pas la solution. Avec ce type d’hébergement, vous partagez trop de ressources et le time to first byte (TTFB) est considérablement retardé. Le partage de travailleurs PHP peut également provoquer de graves « blocages » si un autre site Web avec lequel vous partagez des ressources est occupé.
Vous devez donc opter pour un hébergement qui possède son propre environnement. Cloudfare est également indispensable si vous disposez d’un site Web mondial. Cela réplique simplement les fichiers multimédias/plus volumineux de votre site Web sur des centaines de serveurs à travers le monde. Le temps de réponse d'une configuration Cloudflare permet aux données de transférer de votre site Web vers n'importe quel utilisateur final mondial plus rapidement que n'importe quelle autre configuration de serveur/CDN.
Cependant, si vous êtes une entreprise locale, n'utilisez pas du tout de CDN. Cela ralentira en fait votre site Web pour votre marché cible local en introduisant un autre serveur dans la chaîne d'approvisionnement.
Serveur Optimisation
Le serveur est l'épine dorsale de votre site Web
Ne négligez pas la configuration de votre serveur
Assurez-vous que votre Le serveur est rapide
Obtenir la bonne configuration de serveur pour obtenir des scores de vitesse de page plus rapides est une étape simple mais critique pour obtenir les meilleurs scores possibles. Il y a quelques étapes importantes à prendre en compte lors de la configuration/achat de votre serveur. Comme pour le reste de ce guide, je ne vais pas vous expliquer toutes les raisons techniques confuses pour lesquelles cela doit être fait, mais plutôt vous donner un aperçu de ce qu'il faut rechercher et comment le configurer correctement.
Pour planter le décor, un hébergement bon marché (ou partagé comme celui proposé par Godaddy ou Rackspace) n'est pas la solution. Avec ce type d’hébergement, vous partagez trop de ressources et le time to first byte (TTFB) est considérablement retardé. Le partage de travailleurs PHP peut également provoquer de graves « blocages » si un autre site Web avec lequel vous partagez des ressources est occupé.
Vous devez donc opter pour un hébergement qui possède son propre environnement. Cloudfare est également un incontournable. Cela réplique simplement les fichiers multimédias/plus volumineux de votre site Web sur des centaines de serveurs à travers le monde. Le temps de réponse d'une configuration Cloudflare permet aux données de transférer de votre site Web vers n'importe quel utilisateur final mondial plus rapidement que n'importe quelle autre configuration de serveur/CDN.
Cependant, si vous êtes une entreprise locale, n'utilisez pas du tout de CDN. Cela ralentira en fait votre site Web pour votre marché cible local en introduisant un autre serveur dans la chaîne d'approvisionnement.
Obtenir la configuration correcte du serveur est une étape simple mais essentielle pour atteindre une vitesse élevée.
Il y a quelques étapes importantes à prendre en compte lors de la configuration de votre serveur.
Comme pour le reste de ce guide, je ne vais pas vous expliquer toutes les raisons techniques confuses pour lesquelles cela doit être fait, mais plutôt vous donner un aperçu de ce qu'il faut rechercher et comment le configurer correctement.
Pour planter le décor, un hébergement bon marché (ou partagé comme celui proposé par Godaddy ou Rackspace) n'est pas la solution.
Avec ce type d’hébergement, vous partagez trop de ressources et le time to first byte (TTFB) est considérablement retardé.
Le partage de travailleurs PHP peut également provoquer de graves « blocages » si un autre site Web avec lequel vous partagez des ressources est occupé.
Recommandations de serveur et Guide d'installation
Amélioration du serveur Performance
Hébergez près de vos clients
Héberger votre site Web à proximité de vos clients est important, et le raisonnement qui le sous-tend est très similaire au fonctionnement d’un CDN. C'est surtout si vous avez un site Web au service des clients locaux.
Pourquoi est-ce Ce Important?
Imaginez que votre entreprise est à Londres. Vous servez localement les clients qui visitent votre site Web. Imaginez maintenant que votre site Web soit hébergé à New York. Vos clients sont sur leur téléphone ou leur ordinateur et cliquent sur un lien. Ce clic doit ensuite se rendre jusqu'à New York, récupérer les données, puis revenir à Londres pour apparaître sur leur écran. Pourquoi ne pas simplement l'héberger localement sur un serveur à Londres ?
Cela permet non seulement d'économiser un long voyage aux données, mais cela réduit également le temps d'attente pour le client et rend votre site plus réactif pour votre public cible. Cela améliore considérablement le TTFB et non seulement les clients le verront, mais votre algorithme Google local le mesurera également, améliorant ainsi votre classement sur le Web local.
Des hébergeurs Web recommandés ?
Je n'entrerai pas dans de grandes critiques d'hébergement, je donnerai simplement mes recommandations. Il y a beaucoup de hébergement Web critiques, mais je vais me limiter à deux hébergeurs que je recommande pour leurs performances et leur flexibilité.
Tout d’abord Kinsta. Si le budget n'a pas d'importance (c'est $30 par mois), alors Allez-y. C'est basé sur Nginx. Tout sur cette page est déjà configuré (et bien plus encore) et c'est de loin l'hébergeur le plus rapide du marché. Non seulement cela, mais il est basé sur l'architecture AWS / Google Cloud et intègre Cloudflare. Il n'y a aucun problème à le configurer – il est juste prêt à être prêt à l'emploi.
Jetez un oeil à leurs serveurs sur le Site Web Kinsta. Vous atteindrez le meilleur vitesse de page scores et temps de réponse du site Web en utilisant l'hébergement Kinsta WordPress et vous pouvez choisir d'héberger votre site Web dans l'un des nombreux pays en fonction de vos besoins.
La deuxième option si vous préférez un hébergeur moins cher avec cPanel est Hébergement A2. Étant des serveurs américains, ils conviennent mieux aux sites Web basés aux États-Unis.
Tant que vous optez pour l'hébergement turbo, vous obtiendrez de bons résultats scores de vitesse de page. L'hébergement est super bon marché mais pour une fois, je peux recommander ce qui n'est pas normal pour un hébergement moins cher. Vous avez un peu plus à faire ici que chez Kinsta, mais Cloudflare est inclus, ce qui est incroyable à ce prix.
Tu peux voir le Forfaits A2 Turbo sur cette page.
Activer la compression
Vous devez activer la compression GZIP sur votre serveur Web. Cela compresse les fichiers jusqu'à 85% et peut réduire de quelques secondes le temps de chargement de votre site Web. Il s’agit de l’un des plus grands boosters instantanés de vitesse de page qui soient.
Comment puis-je Activer Compression?
La plupart des hôtes l'ont activé par défaut, mais vérifiez ici en saisissant votre nom de domaine. S'il n'est pas activé, placez le code suivant en haut de votre fichier .htaccess :
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE texte/html
AddOutputFilterByType DEFLATE texte/css
AddOutputFilterByType DEFLATE texte/javascript
AddOutputFilterByType DEFLATE texte/xml
AddOutputFilterByType DEFLATE texte/plain
AddOutputFilterByType DEFLATE image/icône x
AddOutputFilterByType DÉFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
Application AddOutputFilterByType DEFLATE/javascript
Application AddOutputFilterByType DEFLATE/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
Application AddOutputFilterByType DEFLATE/fonte x
Application AddOutputFilterByType DEFLATE/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
Application AddOutputFilterByType DEFLATE/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE police/ttf
AddOutputFilterByType DEFLATE police/otf
AddOutputFilterByType DEFLATE police/opentype
# pour les navigateurs plus anciens qui ne peuvent pas gérer la compression
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] sans gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
Une fois activé, videz le cache de votre serveur et celui de WordPress, puis testez à nouveau votre site Web en utilisant GTMetrix ou Phare de Google.
Définir une politique de cache efficace
Lorsque le navigateur met en cache les ressources statiques de votre page, il stocke une copie locale de ces ressources dans son cache, ce qui accélère la récupération des fichiers.
Ceci est connu sous le nom de politique de mise en cache et indique simplement au navigateur la durée de stockage de chaque type de fichier.
Les politiques de cache plus longues demandent au navigateur de conserver ces fichiers plus longtemps (par exemple, 1 an). Ceci est important pour les ressources qui ne changeront probablement pas fréquemment, comme une image de logo ou les polices de page. Les politiques de cache plus courtes sont idéales pour les ressources qui changent fréquemment, comme les fichiers CSS et JavaScript.
Comment puis-je Définir mon cache Politique?
C'est similaire à l'étape ci-dessus. Selon que vous disposez d'un serveur Apache (cPanel) ou NGINX, mettez simplement le code suivant dans votre fichier .htaccess et tout sera défini.
Pas besoin de plugins pour définir des politiques de cache !
Apache
<IfModule mod_expires.c>
ExpireActif le
# Images
ExpiresByType image/jpeg « accès plus 1 an »
ExpiresByType image/gif « accès plus 1 an »
ExpiresByType image/png « accès plus 1 an »
ExpiresByType image/webp « accès plus 1 an »
ExpiresByType image/svg+xml « accès plus 1 an »
Image ExpiresByType/icône x « accès plus 1 an »
Vidéo #
ExpiresByType vidéo/webm « accès plus 1 an »
ExpiresByType vidéo/mp4 « accès plus 1 an »
ExpiresByType vidéo/mpeg « accès plus 1 an »
Polices #
ExpiresByType font/ttf « accès plus 1 an »
ExpiresByType font/otf « accès plus 1 an »
ExpiresByType font/woff « accès plus 1 an »
ExpiresByType font/woff2 « accès plus 1 an »
Application ExpiresByType/font-woff « accès plus 1 an »
# CSS, JavaScript
ExpiresByType texte/css « accès plus 1 an »
ExpiresByType texte/javascript « accès plus 1 an »
Application ExpiresByType/javascript « accès plus 1 an »
# Autres
Application ExpiresByType/pdf « accès plus 1 an »
ExpiresByType image/vnd.microsoft.icon « accès plus 1 an »
</ifmodule>
Nginx
Habituellement, les serveurs Nginx sont configurés pour cela, mais sinon, ajoutez l'extrait suivant à votre bloc de serveur. Vous devez généralement le faire à :
/etc/nginx/site-enabled/default
emplacement ~* \.(jpg|jpeg|gif|png)$ {
expire 365 jours ;
}
emplacement ~* \.(pdf|css|html|js|swf)$ {
expire 30 jours ;
}
Encore une fois, videz le cache de votre serveur et celui de WordPress, puis testez à nouveau votre site Web en utilisant GTMetrix ou Phare de Google. Si tout se passe comme prévu, votre mise en cache devrait être entièrement configurée.
C'est tout?
C’est tout ce dont vous devez vous soucier pour l’instant. Il y aura quelques écritures supplémentaires dans le fichier .htaccess, mais cela sera effectué par quelques plugins au fur et à mesure du processus.
Qu'en est-il de Flare nuageuse?
Certains hébergeurs comme A2 ou Kinsta ont tout configuré pour vous – il vous suffit de cocher une case pour commencer.
Si votre hôte ne dispose pas d'intégration automatique, Cloudflare dispose d'un bon guide d'intégration tu peux lire. Pour l’utilisateur quotidien, j’aime recommander un hôte doté d’une intégration automatique.
Configuration du serveur terminée !
Étape 2 : Installer les plugins
Il est temps d’aller à l’essentiel
Amélioration du serveur Performance
Hébergez près de vos clients
Héberger votre site Web à proximité de vos clients est important, et le raisonnement qui le sous-tend est très similaire au fonctionnement d’un CDN. C'est surtout si vous avez un site Web au service des clients locaux.
Pourquoi est-ce Ce Important?
Imaginez que votre entreprise est à Londres. Vous servez localement les clients qui visitent votre site Web. Imaginez maintenant que votre site Web soit hébergé à New York. Vos clients sont sur leur téléphone ou leur ordinateur et cliquent sur un lien. Ce clic doit ensuite se rendre jusqu'à New York, récupérer les données, puis revenir à Londres pour apparaître sur leur écran. Pourquoi ne pas simplement l'héberger localement sur un serveur à Londres ?
Cela permet non seulement d'économiser un long voyage aux données, mais cela réduit également le temps d'attente pour le client et rend votre site plus réactif pour votre public cible. Cela améliore considérablement le TTFB et non seulement les clients le verront, mais votre algorithme Google local le mesurera également, améliorant ainsi votre classement sur le Web local.
Des hébergeurs Web recommandés ?
Je n'entrerai pas dans de grandes critiques d'hébergement, je donnerai simplement mes recommandations. Il existe de nombreuses critiques d'hébergement Web, mais je me limiterai à deux hébergeurs que je recommande pour leurs performances et leur flexibilité.
Tout d’abord Kinsta. Si le budget n'a pas d'importance (c'est $30 par mois), alors Allez-y. C'est basé sur Nginx. Tout sur cette page est déjà configuré (et bien plus encore) et c'est de loin l'hébergeur le plus rapide du marché. Non seulement cela, mais il est basé sur l'architecture AWS / Google Cloud et intègre Cloudflare. Il n'y a aucun problème à le configurer – il est juste prêt à être prêt à l'emploi.
Jetez un oeil à leurs serveurs sur le Site Web Kinsta. Vous obtiendrez les meilleurs scores de vitesse de page et temps de réponse du site Web avec Kinsta WordPress hébergement et vous pouvez choisir d'héberger votre site Web dans l'un des nombreux pays en fonction de vos besoins.
La deuxième option si vous préférez un hébergeur moins cher avec cPanel est Hébergement A2. Étant des serveurs américains, ils conviennent mieux aux sites Web basés aux États-Unis.
Tant que vous optez pour l’hébergement turbo, vous obtiendrez de bons scores de vitesse de page. L'hébergement est super bon marché mais pour une fois, je peux recommander ce qui n'est pas normal pour un hébergement moins cher. Vous avez un peu plus à faire ici que chez Kinsta, mais Cloudflare est inclus, ce qui est incroyable à ce prix.
Tu peux voir le Forfaits A2 Turbo sur cette page.
Activer la compression
Vous devez activer la compression GZIP sur votre serveur Web. Cela compresse les fichiers jusqu'à 85% et peut réduire de quelques secondes le temps de chargement de votre site Web. Il s’agit de l’un des plus grands boosters instantanés de vitesse de page qui soient.
Comment puis-je Activer Compression?
La plupart des hôtes l'ont activé par défaut, mais vérifiez ici en saisissant votre nom de domaine. S'il n'est pas activé, placez le code suivant en haut de votre fichier .htaccess :
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE texte/html
AddOutputFilterByType DEFLATE texte/css
AddOutputFilterByType DEFLATE texte/javascript
AddOutputFilterByType DEFLATE texte/xml
AddOutputFilterByType DEFLATE texte/plain
AddOutputFilterByType DEFLATE image/icône x
AddOutputFilterByType DÉFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
Application AddOutputFilterByType DEFLATE/javascript
Application AddOutputFilterByType DEFLATE/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
Application AddOutputFilterByType DEFLATE/fonte x
Application AddOutputFilterByType DEFLATE/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
Application AddOutputFilterByType DEFLATE/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE police/ttf
AddOutputFilterByType DEFLATE police/otf
AddOutputFilterByType DEFLATE police/opentype
# pour les navigateurs plus anciens qui ne peuvent pas gérer la compression
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] sans gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
Une fois activé, videz le cache de votre serveur et celui de WordPress, puis testez à nouveau votre site Web en utilisant GTMetrix ou Phare de Google.
Définir une politique de cache efficace
Lorsque le navigateur met en cache les ressources statiques de votre page, il stocke une copie locale de ces ressources dans son cache, ce qui accélère la récupération des fichiers.
Ceci est connu sous le nom de politique de mise en cache et indique simplement au navigateur la durée de stockage de chaque type de fichier.
Les politiques de cache plus longues demandent au navigateur de conserver ces fichiers plus longtemps (par exemple, 1 an). Ceci est important pour les ressources qui ne changeront probablement pas fréquemment, comme une image de logo ou les polices de page. Les politiques de cache plus courtes sont idéales pour les ressources qui changent fréquemment, comme les fichiers CSS et JavaScript.
Comment puis-je Définir mon cache Politique?
C'est similaire à l'étape ci-dessus. Selon que vous disposez d'un serveur Apache (cPanel) ou NGINX, mettez simplement le code suivant dans votre fichier .htaccess et tout sera défini.
Pas besoin de plugins pour définir des politiques de cache !
Apache
<IfModule mod_expires.c>
ExpireActif le
# Images
ExpiresByType image/jpeg « accès plus 1 an »
ExpiresByType image/gif « accès plus 1 an »
ExpiresByType image/png « accès plus 1 an »
ExpiresByType image/webp « accès plus 1 an »
ExpiresByType image/svg+xml « accès plus 1 an »
Image ExpiresByType/icône x « accès plus 1 an »
Vidéo #
ExpiresByType vidéo/webm « accès plus 1 an »
ExpiresByType vidéo/mp4 « accès plus 1 an »
ExpiresByType vidéo/mpeg « accès plus 1 an »
Polices #
ExpiresByType font/ttf « accès plus 1 an »
ExpiresByType font/otf « accès plus 1 an »
ExpiresByType font/woff « accès plus 1 an »
ExpiresByType font/woff2 « accès plus 1 an »
Application ExpiresByType/font-woff « accès plus 1 an »
# CSS, JavaScript
ExpiresByType texte/css « accès plus 1 an »
ExpiresByType texte/javascript « accès plus 1 an »
Application ExpiresByType/javascript « accès plus 1 an »
# Autres
Application ExpiresByType/pdf « accès plus 1 an »
ExpiresByType image/vnd.microsoft.icon « accès plus 1 an »
</ifmodule>
Nginx
Habituellement, les serveurs Nginx sont configurés pour cela, mais sinon, ajoutez l'extrait suivant à votre bloc de serveur. Vous devez généralement le faire à :
/etc/nginx/site-enabled/default
emplacement ~* \.(jpg|jpeg|gif|png)$ {
expire 365 jours ;
}
emplacement ~* \.(pdf|css|html|js|swf)$ {
expire 30 jours ;
}
Encore une fois, videz le cache de votre serveur et celui de WordPress, puis testez à nouveau votre site Web en utilisant GTMetrix ou Phare de Google. Si tout se passe comme prévu, votre mise en cache devrait être entièrement configurée.
C'est tout?
C’est tout ce dont vous devez vous soucier pour l’instant. Il y aura quelques écritures supplémentaires dans le fichier .htaccess, mais cela sera effectué par quelques plugins au fur et à mesure du processus.
Qu'en est-il de Flare nuageuse?
Certains hébergeurs comme A2 ou Kinsta ont tout configuré pour vous – il vous suffit de cocher une case pour commencer.
Si votre hôte ne dispose pas d'intégration automatique, Cloudflare dispose d'un bon guide d'intégration tu peux lire. Pour l’utilisateur quotidien, j’aime recommander un hôte doté d’une intégration automatique.
Configuration du serveur terminée !
Étape 2 : Installer les plugins
Il est temps d’aller à l’essentiel
Les serveurs Expliqué
Hôte près de chez soi
Héberger votre site Web à proximité de vos clients est important, et le raisonnement qui le sous-tend est très similaire au fonctionnement d’un CDN. C'est surtout si vous avez un site Web au service des clients locaux.
Pourquoi est-ce Ce Important?
Imaginez que votre entreprise est à Londres. Vous servez localement les clients qui visitent votre site Web. Imaginez maintenant que votre site Web soit hébergé à New York. Vos clients sont sur leur téléphone ou leur ordinateur et cliquent sur un lien. Ce clic doit ensuite se rendre jusqu'à New York, récupérer les données, puis revenir à Londres pour apparaître sur leur écran. Pourquoi ne pas simplement l'héberger localement sur un serveur à Londres ?
Cela permet non seulement d'économiser un long voyage aux données, mais cela réduit également le temps d'attente pour le client et rend votre site plus réactif pour votre public cible. Cela améliore considérablement le TTFB et non seulement les clients le verront, mais votre algorithme Google local le mesurera également, améliorant ainsi votre classement sur le Web local.
Des recommandations ?
Je n'entrerai pas dans de grandes critiques d'hébergement, je donnerai simplement mes recommandations. Il existe de nombreuses critiques d'hébergement Web, mais je me limiterai à deux hébergeurs que je recommande pour leurs performances et leur flexibilité.
Tout d’abord Kinsta. Si le budget n'a pas d'importance (c'est $30 par mois), alors Allez-y. C'est basé sur Nginx. Tout sur cette page est déjà configuré (et bien plus encore) et c'est de loin l'hébergeur le plus rapide du marché. Non seulement cela, mais il est basé sur l'architecture AWS / Google Cloud et intègre Cloudflare. Il n'y a aucun problème à le configurer – il est juste prêt à être prêt à l'emploi.
Jetez un oeil à leurs serveurs sur le Site Web Kinsta. Vous obtiendrez les meilleurs scores de vitesse de page et les meilleurs temps de réponse du site Web en utilisant Hébergement WordPress Kinsta et vous pouvez choisir d'héberger votre site Web dans l'un des nombreux pays en fonction de vos besoins.
La deuxième option si vous préférez un hébergeur moins cher avec cPanel est Hébergement A2. Étant des serveurs américains, ils conviennent mieux aux sites Web basés aux États-Unis.
Tant que vous optez pour l’hébergement turbo, vous obtiendrez de bons scores de vitesse de page. L'hébergement est super bon marché mais pour une fois, je peux recommander ce qui n'est pas normal pour un hébergement moins cher. Vous avez un peu plus à faire ici que chez Kinsta, mais Cloudflare est inclus, ce qui est incroyable à ce prix.
Tu peux voir le Forfaits A2 Turbo sur cette page.
Activer la compression
Vous devez activer la compression GZIP sur votre serveur Web. Cela compresse les fichiers jusqu'à 85% et peut réduire de quelques secondes le temps de chargement de votre site Web. Il s’agit de l’un des plus grands boosters instantanés de vitesse de page qui soient.
Comment puis-je Activer Compression?
La plupart des hôtes l'ont activé par défaut, mais vérifiez ici en saisissant votre nom de domaine. S'il n'est pas activé, placez le code suivant en haut de votre fichier .htaccess :
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE texte/html
AddOutputFilterByType DEFLATE texte/css
AddOutputFilterByType DEFLATE texte/javascript
AddOutputFilterByType DEFLATE texte/xml
AddOutputFilterByType DEFLATE texte/plain
AddOutputFilterByType DEFLATE image/icône x
AddOutputFilterByType DÉFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
Application AddOutputFilterByType DEFLATE/javascript
Application AddOutputFilterByType DEFLATE/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
Application AddOutputFilterByType DEFLATE/fonte x
Application AddOutputFilterByType DEFLATE/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
Application AddOutputFilterByType DEFLATE/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE police/ttf
AddOutputFilterByType DEFLATE police/otf
AddOutputFilterByType DEFLATE police/opentype
# pour les navigateurs plus anciens qui ne peuvent pas gérer la compression
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] sans gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
Une fois activé, videz le cache de votre serveur et celui de WordPress, puis testez à nouveau votre site Web en utilisant GTMetrix ou Phare de Google.
Définissez votre politique de cache
Lorsque le navigateur met en cache les ressources statiques de votre page, il stocke une copie locale de ces ressources dans son cache, ce qui accélère la récupération des fichiers.
Ceci est connu sous le nom de politique de mise en cache et indique simplement au navigateur la durée de stockage de chaque type de fichier.
Les politiques de cache plus longues demandent au navigateur de conserver ces fichiers plus longtemps (par exemple, 1 an). Ceci est important pour les ressources qui ne changeront probablement pas fréquemment, comme une image de logo ou les polices de page. Les politiques de cache plus courtes sont idéales pour les ressources qui changent fréquemment, comme les fichiers CSS et JavaScript.
Comment puis-je Définir mon cache Politique?
C'est similaire à l'étape ci-dessus. Selon que vous disposez d'un serveur Apache (cPanel) ou NGINX, mettez simplement le code suivant dans votre fichier .htaccess et tout sera défini.
Pas besoin de plugins pour définir des politiques de cache !
Apache
<IfModule mod_expires.c>
ExpireActif le
# Images
ExpiresByType image/jpeg « accès plus 1 an »
ExpiresByType image/gif « accès plus 1 an »
ExpiresByType image/png « accès plus 1 an »
ExpiresByType image/webp « accès plus 1 an »
ExpiresByType image/svg+xml « accès plus 1 an »
Image ExpiresByType/icône x « accès plus 1 an »
Vidéo #
ExpiresByType vidéo/webm « accès plus 1 an »
ExpiresByType vidéo/mp4 « accès plus 1 an »
ExpiresByType vidéo/mpeg « accès plus 1 an »
Polices #
ExpiresByType font/ttf « accès plus 1 an »
ExpiresByType font/otf « accès plus 1 an »
ExpiresByType font/woff « accès plus 1 an »
ExpiresByType font/woff2 « accès plus 1 an »
Application ExpiresByType/font-woff « accès plus 1 an »
# CSS, JavaScript
ExpiresByType texte/css « accès plus 1 an »
ExpiresByType texte/javascript « accès plus 1 an »
Application ExpiresByType/javascript « accès plus 1 an »
# Autres
Application ExpiresByType/pdf « accès plus 1 an »
ExpiresByType image/vnd.microsoft.icon « accès plus 1 an »
</ifmodule>
Nginx
Habituellement, les serveurs Nginx sont configurés pour cela, mais sinon, ajoutez l'extrait suivant à votre bloc de serveur. Vous devez généralement le faire à :
/etc/nginx/site-enabled/default
emplacement ~* \.(jpg|jpeg|gif|png)$ {
expire 365 jours ;
}
emplacement ~* \.(pdf|css|html|js|swf)$ {
expire 30 jours ;
}
Encore une fois, videz le cache de votre serveur et celui de WordPress, puis testez à nouveau votre site Web en utilisant GTMetrix ou Phare de Google. Si tout se passe comme prévu, votre mise en cache devrait être entièrement configurée.
C'est tout?
C’est tout ce dont vous devez vous soucier pour l’instant. Il y aura quelques écritures supplémentaires dans le fichier .htaccess, mais cela sera effectué par quelques plugins au fur et à mesure du processus.
Qu'en est-il de Flare nuageuse?
Certains hébergeurs comme A2 ou Kinsta ont tout configuré pour vous – il vous suffit de cocher une case pour commencer.
Si votre hôte ne dispose pas d'intégration automatique, Cloudflare dispose d'un bon guide d'intégration tu peux lire. Pour l’utilisateur quotidien, j’aime recommander un hôte doté d’une intégration automatique.
Configuration du serveur terminée !
Étape 2 : Installer les plugins
Il est temps d’aller à l’essentiel