{"id":23901,"date":"2024-01-07T12:40:08","date_gmt":"2024-01-07T12:40:08","guid":{"rendered":"https:\/\/yorkshiredesign.co.uk\/?page_id=23901"},"modified":"2025-04-17T11:21:35","modified_gmt":"2025-04-17T10:21:35","slug":"configuration-du-serveur","status":"publish","type":"page","link":"https:\/\/yorkshiredesign.co.uk\/fr\/guide-de-vitesse-de-page\/configuration-du-serveur\/","title":{"rendered":"Configuration du serveur"},"content":{"rendered":"
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Serveur Installation<\/span><\/h1>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Serveur Optimisation<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Configuration\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Le serveur est l'\u00e9pine dorsale de votre site Web<\/p>\n

Ne n\u00e9gligez pas la configuration de votre serveur<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n Service de vitesse de page<\/span>\n \t

\n\t \t\n\t \t\t\n\t \t\t\tService de vitesse de page\t\t\t\t<\/span>\t\n\t \t<\/span>\n\t \t\t \t
<\/div>\n\t <\/div>\n\t<\/a> <\/div>\n <\/div>\n<\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Assurez-vous que votre Le serveur est rapide<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Obtenir la configuration de serveur correcte pour atteindre des scores de vitesse de page plus rapides<\/a> est une \u00e9tape simple mais cruciale pour obtenir les meilleurs scores possibles. Il y a quelques \u00e9tapes importantes \u00e0 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 \u00eatre fait, mais plut\u00f4t vous donner un aper\u00e7u de ce qu'il faut rechercher et comment le configurer correctement.<\/p>\n

Pour planter le d\u00e9cor, un h\u00e9bergement bon march\u00e9 (ou partag\u00e9 comme celui propos\u00e9 par Godaddy ou Rackspace) n'est pas la solution. Avec ce type d\u2019h\u00e9bergement, vous partagez trop de ressources et le time to first byte (TTFB) est consid\u00e9rablement retard\u00e9. Le partage de travailleurs PHP peut \u00e9galement provoquer de graves \u00ab\u00a0blocages\u00a0\u00bb si un autre site Web avec lequel vous partagez des ressources est occup\u00e9.<\/p>\n

Vous devez donc opter pour un h\u00e9bergement qui poss\u00e8de son propre environnement. Cloudfare est \u00e9galement indispensable si vous disposez d\u2019un site Web mondial. Cela r\u00e9plique simplement les fichiers multim\u00e9dias\/plus volumineux de votre site Web sur des centaines de serveurs \u00e0 travers le monde. Le temps de r\u00e9ponse d'une configuration Cloudflare permet aux donn\u00e9es de transf\u00e9rer de votre site Web vers n'importe quel utilisateur final mondial plus rapidement que n'importe quelle autre configuration de serveur\/CDN.<\/p>\n

Cependant, si vous \u00eates une entreprise locale, n'utilisez pas du tout de CDN. Cela ralentira en fait votre site Web<\/a> pour votre march\u00e9 cible local en introduisant un autre serveur dans la cha\u00eene d'approvisionnement.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>
\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Serveur Optimisation<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Configuration\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Le serveur est l'\u00e9pine dorsale de votre site Web<\/p>\n

Ne n\u00e9gligez pas la configuration de votre serveur<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Assurez-vous que votre Le serveur est rapide<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Obtenir la bonne configuration de serveur pour obtenir des scores de vitesse de page plus rapides est une \u00e9tape simple mais critique pour obtenir les meilleurs scores possibles. Il y a quelques \u00e9tapes importantes \u00e0 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 \u00eatre fait, mais plut\u00f4t vous donner un aper\u00e7u de ce qu'il faut rechercher et comment le configurer correctement.<\/p>\n

Pour planter le d\u00e9cor, un h\u00e9bergement bon march\u00e9 (ou partag\u00e9 comme celui propos\u00e9 par Godaddy ou Rackspace) n'est pas la solution. Avec ce type d\u2019h\u00e9bergement, vous partagez trop de ressources et le time to first byte (TTFB) est consid\u00e9rablement retard\u00e9. Le partage de travailleurs PHP peut \u00e9galement provoquer de graves \u00ab\u00a0blocages\u00a0\u00bb si un autre site Web avec lequel vous partagez des ressources est occup\u00e9.<\/p>\n

Vous devez donc opter pour un h\u00e9bergement qui poss\u00e8de son propre environnement. Cloudfare est \u00e9galement un incontournable. Cela r\u00e9plique simplement les fichiers multim\u00e9dias\/plus volumineux de votre site Web sur des centaines de serveurs \u00e0 travers le monde. Le temps de r\u00e9ponse d'une configuration Cloudflare permet aux donn\u00e9es de transf\u00e9rer de votre site Web vers n'importe quel utilisateur final mondial plus rapidement que n'importe quelle autre configuration de serveur\/CDN.<\/p>\n

Cependant, si vous \u00eates une entreprise locale, n'utilisez pas du tout de CDN. Cela ralentira en fait votre site Web<\/a> pour votre march\u00e9 cible local en introduisant un autre serveur dans la cha\u00eene d'approvisionnement.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>

\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Serveur Optimisation<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t

Obtenir la configuration correcte du serveur est une \u00e9tape simple mais essentielle pour atteindre une vitesse \u00e9lev\u00e9e.<\/p>\n

Il y a quelques \u00e9tapes importantes \u00e0 prendre en compte lors de la configuration de votre serveur.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t\"Configuration\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t

Comme pour le reste de ce guide, je ne vais pas vous expliquer toutes les raisons techniques confuses pour lesquelles cela doit \u00eatre fait, mais plut\u00f4t vous donner un aper\u00e7u de ce qu'il faut rechercher et comment le configurer correctement.<\/p>\n

Pour planter le d\u00e9cor, un h\u00e9bergement bon march\u00e9 (ou partag\u00e9 comme celui propos\u00e9 par Godaddy ou Rackspace) n'est pas la solution.<\/p>\n

Avec ce type d\u2019h\u00e9bergement, vous partagez trop de ressources et le time to first byte (TTFB) est consid\u00e9rablement retard\u00e9.<\/p>\n

Le partage de travailleurs PHP peut \u00e9galement provoquer de graves \u00ab\u00a0blocages\u00a0\u00bb si un autre site Web avec lequel vous partagez des ressources est occup\u00e9.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>

<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Recommandations de serveur et Guide d'installation<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

<\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Am\u00e9lioration du serveur Performance<\/span><\/h2>\n\n\t\t<\/div>\n\t<\/div>\n
\n
\n

\n \n <\/span>\n <\/span>\n <\/span>\n H\u00e9bergez pr\u00e8s de vos clients<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

H\u00e9berger votre site Web \u00e0 proximit\u00e9 de vos clients est important, et le raisonnement qui le sous-tend est tr\u00e8s similaire au fonctionnement d\u2019un CDN. C'est surtout si vous avez un site Web au service des clients locaux.<\/p>\n

Pourquoi est-ce Ce<\/span> Important?<\/p>\n

Imaginez que votre entreprise est \u00e0 Londres. Vous servez localement les clients qui visitent votre site Web. Imaginez maintenant que votre site Web soit h\u00e9berg\u00e9 \u00e0 New York. Vos clients sont sur leur t\u00e9l\u00e9phone ou leur ordinateur et cliquent sur un lien. Ce clic doit ensuite se rendre jusqu'\u00e0 New York, r\u00e9cup\u00e9rer les donn\u00e9es, puis revenir \u00e0 Londres pour appara\u00eetre sur leur \u00e9cran. Pourquoi ne pas simplement l'h\u00e9berger localement sur un serveur \u00e0 Londres\u00a0?<\/p>\n

Cela permet non seulement d'\u00e9conomiser un long voyage aux donn\u00e9es, mais cela r\u00e9duit \u00e9galement le temps d'attente pour le client et rend votre site plus r\u00e9actif pour votre public cible. Cela am\u00e9liore consid\u00e9rablement le TTFB et non seulement les clients le verront, mais votre algorithme Google local le mesurera \u00e9galement, am\u00e9liorant ainsi votre classement sur le Web local.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Des h\u00e9bergeurs Web recommand\u00e9s\u00a0?<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Je n'entrerai pas dans de grandes critiques d'h\u00e9bergement, je donnerai simplement mes recommandations. Il y a beaucoup de h\u00e9bergement Web<\/a> critiques, mais je vais me limiter \u00e0 deux h\u00e9bergeurs que je recommande pour leurs performances et leur flexibilit\u00e9.<\/p>\n

Tout d\u2019abord Kinsta. Si le budget n'a pas d'importance (c'est $30 par mois), alors Allez-y<\/u><\/em>. C'est bas\u00e9 sur Nginx. Tout sur cette page est d\u00e9j\u00e0 configur\u00e9 (et bien plus encore) et c'est de loin l'h\u00e9bergeur le plus rapide du march\u00e9. Non seulement cela, mais il est bas\u00e9 sur l'architecture AWS \/ Google Cloud et int\u00e8gre Cloudflare. Il n'y a aucun probl\u00e8me \u00e0 le configurer \u2013 il est juste pr\u00eat \u00e0 \u00eatre pr\u00eat \u00e0 l'emploi.<\/p>\n

Jetez un oeil \u00e0 leurs serveurs sur le Site Web Kinsta<\/strong><\/a>. Vous atteindrez le meilleur vitesse de page<\/a> scores et temps de r\u00e9ponse du site Web en utilisant l'h\u00e9bergement Kinsta WordPress et vous pouvez choisir d'h\u00e9berger votre site Web dans l'un des nombreux pays en fonction de vos besoins.<\/p>\n

La deuxi\u00e8me option si vous pr\u00e9f\u00e9rez un h\u00e9bergeur moins cher avec cPanel est H\u00e9bergement A2<\/a><\/strong>. \u00c9tant des serveurs am\u00e9ricains, ils conviennent mieux aux sites Web bas\u00e9s aux \u00c9tats-Unis.<\/p>\n

Tant que vous optez pour l'h\u00e9bergement turbo, vous obtiendrez de bons r\u00e9sultats scores de vitesse de page<\/a>. L'h\u00e9bergement est super bon march\u00e9 mais pour une fois, je peux recommander ce qui n'est pas normal pour un h\u00e9bergement moins cher. Vous avez un peu plus \u00e0 faire ici que chez Kinsta, mais Cloudflare est inclus, ce qui est incroyable \u00e0 ce prix.<\/p>\n

Tu peux voir le Forfaits A2 Turbo<\/strong><\/a> sur cette page.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n Activer la compression<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

Vous devez activer la compression GZIP sur votre serveur Web. Cela compresse les fichiers jusqu'\u00e0 85% et peut r\u00e9duire de quelques secondes le temps de chargement de votre site Web. Il s\u2019agit de l\u2019un des plus grands boosters instantan\u00e9s de vitesse de page qui soient.<\/p>\n

Comment puis-je Activer<\/span> Compression?<\/p>\n

La plupart des h\u00f4tes l'ont activ\u00e9 par d\u00e9faut, mais v\u00e9rifiez ici<\/strong><\/a> en saisissant votre nom de domaine. S'il n'est pas activ\u00e9, placez le code suivant en haut de votre fichier .htaccess\u00a0:<\/p>\n

<IfModule mod_deflate.c>
\nAddOutputFilterByType DEFLATE texte\/html
\nAddOutputFilterByType DEFLATE texte\/css
\nAddOutputFilterByType DEFLATE texte\/javascript
\nAddOutputFilterByType DEFLATE texte\/xml
\nAddOutputFilterByType DEFLATE texte\/plain
\nAddOutputFilterByType DEFLATE image\/ic\u00f4ne x
\nAddOutputFilterByType D\u00c9FLATE image\/svg+xml
\nAddOutputFilterByType DEFLATE application\/rss+xml
\nApplication AddOutputFilterByType DEFLATE\/javascript
\nApplication AddOutputFilterByType DEFLATE\/x-javascript
\nAddOutputFilterByType DEFLATE application\/xml
\nAddOutputFilterByType DEFLATE application\/xhtml+xml
\nApplication AddOutputFilterByType DEFLATE\/fonte x
\nApplication AddOutputFilterByType DEFLATE\/x-font-truetype
\nAddOutputFilterByType DEFLATE application\/x-font-ttf
\nAddOutputFilterByType DEFLATE application\/x-font-otf
\nApplication AddOutputFilterByType DEFLATE\/x-font-opentype
\nAddOutputFilterByType DEFLATE application\/vnd.ms-fontobject
\nAddOutputFilterByType DEFLATE police\/ttf
\nAddOutputFilterByType DEFLATE police\/otf
\nAddOutputFilterByType DEFLATE police\/opentype
\n# pour les navigateurs plus anciens qui ne peuvent pas g\u00e9rer la compression
\nBrowserMatch ^Mozilla\/4 gzip-only-text\/html
\nBrowserMatch ^Mozilla\/4\\.0[678] sans gzip
\nBrowserMatch \\bMSIE !no-gzip !gzip-only-text\/html
\n<\/IfModule><\/p>\n

Une fois activ\u00e9, videz le cache de votre serveur et celui de WordPress, puis testez \u00e0 nouveau votre site Web en utilisant GTMetrix<\/strong><\/a> ou Phare de Google<\/strong><\/a>.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n D\u00e9finir une politique de cache efficace<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

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\u00e9l\u00e8re la r\u00e9cup\u00e9ration des fichiers.<\/p>\n

Ceci est connu sous le nom de politique de mise en cache et indique simplement au navigateur la dur\u00e9e de stockage de chaque type de fichier.<\/p>\n

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\u00e9quemment, comme une image de logo ou les polices de page. Les politiques de cache plus courtes sont id\u00e9ales pour les ressources qui changent fr\u00e9quemment, comme les fichiers CSS et JavaScript.<\/p>\n

Comment puis-je D\u00e9finir mon cache<\/span> Politique?<\/p>\n

C'est similaire \u00e0 l'\u00e9tape 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\u00e9fini.<\/p>\n

Pas besoin de plugins pour d\u00e9finir des politiques de cache\u00a0!<\/strong><\/p>\n

Apache<\/strong><\/p>\n

<IfModule mod_expires.c>
\nExpireActif le
\n# Images
\nExpiresByType image\/jpeg \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType image\/gif \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType image\/png \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType image\/webp \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType image\/svg+xml \u00ab acc\u00e8s plus 1 an \u00bb
\nImage ExpiresByType\/ic\u00f4ne x \u00ab acc\u00e8s plus 1 an \u00bb
\nVid\u00e9o #
\nExpiresByType vid\u00e9o\/webm \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType vid\u00e9o\/mp4 \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType vid\u00e9o\/mpeg \u00ab acc\u00e8s plus 1 an \u00bb
\nPolices #
\nExpiresByType font\/ttf \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType font\/otf \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType font\/woff \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType font\/woff2 \u00ab acc\u00e8s plus 1 an \u00bb
\nApplication ExpiresByType\/font-woff \u00ab acc\u00e8s plus 1 an \u00bb
\n# CSS, JavaScript
\nExpiresByType texte\/css \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType texte\/javascript \u00ab acc\u00e8s plus 1 an \u00bb
\nApplication ExpiresByType\/javascript \u00ab acc\u00e8s plus 1 an \u00bb
\n# Autres
\nApplication ExpiresByType\/pdf \u00ab acc\u00e8s plus 1 an \u00bb
\nExpiresByType image\/vnd.microsoft.icon \u00ab acc\u00e8s plus 1 an \u00bb
\n<\/ifmodule><\/p>\n

Nginx<\/strong><\/p>\n

Habituellement, les serveurs Nginx sont configur\u00e9s pour cela, mais sinon, ajoutez l'extrait suivant \u00e0 votre bloc de serveur. Vous devez g\u00e9n\u00e9ralement le faire \u00e0\u00a0:<\/p>\n

\/etc\/nginx\/site-enabled\/default<\/strong><\/p>\n

emplacement ~* \\.(jpg|jpeg|gif|png)$ {
\nexpire 365 jours\u00a0;
\n}
\nemplacement ~* \\.(pdf|css|html|js|swf)$ {
\nexpire 30 jours\u00a0;
\n}<\/p>\n

Encore une fois, videz le cache de votre serveur et celui de WordPress, puis testez \u00e0 nouveau votre site Web en utilisant GTMetrix<\/strong><\/a> ou Phare de Google<\/strong><\/a>. Si tout se passe comme pr\u00e9vu, votre mise en cache devrait \u00eatre enti\u00e8rement configur\u00e9e.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div>

\n

\n \n <\/span>\n <\/span>\n <\/span>\n C'est tout?<\/span>\n <\/h3>\n<\/div>\n
\n
\n \n\t
\n\t\t
\n\t\t\t

C\u2019est tout ce dont vous devez vous soucier pour l\u2019instant. Il y aura quelques \u00e9critures suppl\u00e9mentaires dans le fichier .htaccess, mais cela sera effectu\u00e9 par quelques plugins au fur et \u00e0 mesure du processus.<\/p>\n

Qu'en est-il de Flare nuageuse<\/span>?<\/p>\n

Certains h\u00e9bergeurs comme A2 ou Kinsta ont tout configur\u00e9 pour vous \u2013 il vous suffit de cocher une case pour commencer.<\/p>\n

Si votre h\u00f4te ne dispose pas d'int\u00e9gration automatique, Cloudflare dispose d'un bon guide d'int\u00e9gration<\/strong><\/a> tu peux lire. Pour l\u2019utilisateur quotidien, j\u2019aime recommander un h\u00f4te dot\u00e9 d\u2019une int\u00e9gration automatique.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n <\/div>\n<\/div><\/div><\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t

Configuration du serveur termin\u00e9e\u00a0!<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t
\n\t\t\t