Pourquoi mon site Web est-il si lent ? Comment améliorer la vitesse d'un site Web dans WordPress ?

Vous avez une réclamation concernant la vitesse de notre site Web ? Lisez attentivement cet article. Il existe de nombreuses raisons pour lesquelles le thème s'exécute rapidement sur certains sites mais lent sur d'autres.

Cet article est pour ceux d'entre vous qui pensent probablement que votre site est si lent. Donc, il a probablement besoin d'être amélioré. Nous savons tous que la vitesse est une question importante pour tout site Web. Si votre site est trop lent, vos clients ne visiteront pas votre site et vous n'obtiendrez pas de bons revenus.

De nombreux facteurs affectent la vitesse de WordPress. Par conséquent, dans cet article, nous les explorerons tous et vous donnerons quelques solutions rapides pour accélérer considérablement votre site Web. Nous examinerons également certaines idées fausses sur l'optimisation de la vitesse des sites Web .

A. Comment tester correctement la vitesse du site ?

Cela semble être la question la plus simple, mais en fait, c'est l'erreur la plus débutante que la plupart des gens ont.
Le simple fait de visiter votre site Web à partir de votre ordinateur ne vous montrera pas les informations correctes sur la vitesse ou la lenteur de votre site Web.
Ensuite, vous pouvez penser que les sites Web GTMetrix ou Pingdom seront les bons outils. Encore faux.

En effet, GTMetrix et Pingdom sont les deux sites les plus populaires et les plus fiables pour tester la vitesse de votre site. Cependant, il ne suffit pas de mettre l'URL de votre site dans sa case à cocher pour tester correctement la vitesse du site.

Certains de nos clients s'inquiètent toujours de la vitesse car leur vitesse sur GTMetrix est très lente.

Par exemple, ce test de vitesse donne le résultat de près de 19 secondes et une note globale de F

Cependant, si nous regardons de près, la région de test par défaut de GTMetrix est au Canada, alors que la plupart de vos fournisseurs d'hébergement sont Bluehost, A2hosting, Godaddy, etc. et ils sont basés aux États-Unis ou en Europe.

De plus, disons que vous vivez aux États-Unis et que votre public vit également aux États-Unis. En ce sens, un test de vitesse du Canada ne signifierait rien. Ainsi, le résultat du test correct doit être effectué aux États-Unis.

Si vous vous connectez à GT Metrix et changez la région de test en Dallas, la vitesse du site Web s'améliorera considérablement. Par exemple, dans ce cas, 19 secondes réduites à à peine 4 secondes.

Si nous testons depuis San Jose, en Californie, la vitesse s'est améliorée à 3,25 secondes.

C'est ainsi que LOCATION affecte la vitesse de votre site. N'oubliez pas de toujours choisir un emplacement d'hébergement à proximité de votre public.

Dans un autre test, Bostjan Gartnar est basé en Europe et il s'est déjà plaint que la vitesse de son site sur GTMetrix est d'environ 3,5 secondes. Cependant, tout comme la situation ci-dessus, l'emplacement par défaut de GTMetrix est au Canada et le public de Bostjan ne vit pas au Canada.

Essayons Pingdom pour cela. Faisons à nouveau le test pour les personnes en Suède, la vitesse du site est réduite à seulement environ 600 millisecondes

La leçon est de ne pas faire confiance au site de test avant de considérer le facteur d'emplacement .

Et si votre site s'adressait à un public mondial ? Cela signifie-t-il que votre serveur doit être si rapide qu'il peut servir n'importe qui n'importe où dans le monde en moins de quelques secondes ? Pas nécessairement. Vous avez juste besoin d'un CDN - Content Delivery System , qui héberge le contenu de votre site dans de nombreuses régions du monde.

Il s'agit d'une technologie complexe et si vous avez l'intention de devenir mondial, votre équipe technique saura certainement comment déployer le CDN pour votre serveur. L'une de nos suggestions concernant le CDN est que vous pouvez essayer avec Cloudflare .

B. Quelle est la prochaine étape ? Comment améliorer la vitesse d'un site Web ? Essayez ceux-ci :

1. Optimisez votre code

Même si le serveur est assez puissant par rapport à certaines lignes de codes, vous devez toujours garder cela à l'esprit. L'optimisation du code est l'une des choses les plus importantes concernant l'amélioration de la vitesse d'un site Web. Cependant, malgré la puissance du serveur, un site Web qui exécute dix mille lignes de code avec des centaines de boucles pour toute demande sera toujours plus lent qu'un serveur de taille moyenne qui n'exécute que moins de mille lignes de code et quelques boucles.

Il y a de fortes chances qu'il y ait de nombreux codes HTML redondants, Javascript, CSS et CSS en ligne dans le code source de votre site qui nuira à votre site. Heureusement, il existe une méthode très simple pour optimiser tous ces codes, supprimer les espaces inutiles et accélérer votre site. C'est-à-dire utiliser Autoptimize . C'est un plugin que nous utilisons pour tous nos sites Web, toutes nos démos, et son efficacité est tout simplement géniale.

Pour nos thèmes premium de haute qualité sur ThemeForest, nous faisons de notre mieux pour optimiser le code et supprimer les fichiers inutiles afin que votre site soit dans les meilleures performances avec notre thème. En fait, la plupart de nos thèmes WordPress ont obtenu la note A lors de la vérification sur Pingdom et GTMetrix.

La plupart d'entre eux ont également un temps de chargement inférieur à 1 seconde. L'utilisation des thèmes suivants avec la dernière mise à jour peut considérablement aider à optimiser votre site et le code de votre thème, ce qui se traduit par de bien meilleures performances du site. Ces thèmes utilisent la dernière technique de création de thèmes de ThimPress – ThimCore :

Thème WordPress pour l'éducation – Education WP

Eduma ou Education WP, est actuellement le thème WordPress pour l'éducation le plus vendu sur ThemeForest et sa qualité est tout simplement confidentielle avec des mises à jour régulières, un support enthousiaste et des fonctionnalités de haute qualité, des conceptions sur l'éducation.

Thème WordPress pour magazine – Mag WP – Le meilleur thème pour les magazines.

Thème WordPress pour hôtel – Hotel WP – Le thème incontournable si vous construisez un hôtel ou une entreprise de chambres d'hôtes

2. Optimisation des images

Ce n'est pas exagéré de dire que 90 sites sur 100 ont ce problème : le propriétaire du site télécharge des images sans pré-édition pour réduire la taille de l'image et l'adapter à la zone nécessaire.
Par exemple, de nombreuses personnes téléchargeraient une image de portrait de 5 Mo dans la boîte d'avatar qui n'a besoin que d'une image de 90 × 90 px qui nécessite un maximum de 200 Ko. C'est un gaspillage de 4,8 Mo pour seulement un avatar. Et il y aura plus d'endroits sur votre site qui auront besoin d'images.

• N'oubliez pas de toujours redimensionner votre image et essayez toujours de l'adapter à la position à laquelle elle est destinée.
  Vous pouvez utiliser Photoshop, choisir d' enregistrer pour le Web et personnaliser la dimension, le nombre de couleurs pour optimiser les images.

• Vous pouvez également utiliser un plugin WordPress Image Optimization comme WP Smush pour augmenter la vitesse de votre site Web. WP Smush optimisera automatiquement vos images à chaque fois que vous téléchargerez une image sur votre site Web.
  Actuellement, c'est l'un des plugins les plus connus pour l'optimisation d'images.

• Vous pouvez également utiliser Régénérer les vignettes pour régénérer de nombreuses tailles d'images différentes pour votre site Web. Par exemple, si vous utilisez Regenerate Image, l'avatar de 5 Mo ci-dessus sera transformé en plusieurs versions différentes. De plus, il y aura une version destinée uniquement à un avatar de 90×90 px.

• Enfin, si votre site a besoin de beaucoup d'images, vous pouvez utiliser Lazy load pour ne charger d'abord que la structure et le texte de votre site. Ensuite, ne chargez les images que lorsque vous faites défiler jusqu'à l'image. Ainsi, le processus de chargement sera divisé en plusieurs phases et les images lourdes ne seront chargées qu'à la demande.

3. Utilisez les plugins de mise en cache

Un autre conseil consiste à utiliser les plug-ins de mise en cache pour enregistrer des captures d'écran de votre site Web, mettre en cache des fichiers CSS ou JavaScript. Pour que les visiteurs n'aient à charger que ce qui n'était pas chargé auparavant. Cela peut grandement améliorer la vitesse de votre site.

L'un des meilleurs plugins pour la mise en cache est W3 Total Cache

Voici une configuration W3 Total Cache trouvée par Bostjan qui a permis d'améliorer la vitesse de son site en moins d'une seconde.

Vous trouverez ci-dessous d'autres plugins de mise en cache que vous pouvez essayer :

• Swift Performance – Cache WordPress et amplificateur de performance

Il s'agit d'un plugin de mise en cache premium relativement nouveau qui peut vous aider à augmenter rapidement les performances de votre site.

• WP Super Cache
• Fusée WP

C'est-à-dire que WP Rocket est un plugin de mise en cache WordPress premium avec trois plans de paiement proposés. Techniquement, vous ne devez payer que des frais uniques, mais le support et les mises à jour sont inclus si vous continuez les paiements chaque année. Cela dit, la mise en cache d'un site Web est répertoriée à 39 $, avec la prise en charge de trois sites Web à 99 $ et des sites Web illimités à 199 $.

Bien que vous puissiez trouver d'autres plugins gratuits, ce sont des taux de qualité pour l'un des plugins de mise en cache les plus riches en fonctionnalités du marché. Il n'y a pas d'essai gratuit ou de version gratuite du plugin, mais les développeurs offrent une garantie de remboursement de 14 jours.

L'une des raisons pour lesquelles nous aimons tant le plugin WP Rocket est son interface utilisateur simple et sa configuration rapide. C'est un plugin de mise en cache WordPress avec le pouvoir de rendre votre site ultra rapide, mais tout débutant peut s'asseoir et comprendre la plupart des paramètres impliqués.

4. Suppression des plugins inutilisés.

Vérifiez soigneusement votre site et désactivez les plugins que vous n'utilisez pas n'est pas une mauvaise idée.
Lorsque vous utilisez WordPress, vous serez invité à installer de nombreux plugins gratuits. Cependant, vous n'utiliserez pas la plupart d'entre eux et ces plugins occuperont des espaces spacieux sur votre site Web. Pendant ce temps, pour toute demande des visiteurs, le moteur principal de WordPress aurait toujours besoin de les déployer, ce qui entraînerait un gaspillage inutile de ressources qui pourraient être utilisées pour accélérer votre site Web.

De plus, il existe des plugins que vous pouvez utiliser occasionnellement et cela peut ralentir considérablement votre site. Dans ce cas, vous pouvez trouver des plugins qui nuisent à votre site et décider de les conserver ou de les désactiver en utilisant P3 Profiler .

P3 Profiler vous aidera à trouver des plugins lents et à signaler les performances de chaque plugin afin que vous sachiez lequel conserver et lequel supprimer.

5. Optimisation du serveur

Un dernier conseil sur l'optimisation de la vitesse du site WordPress concerne l'optimisation du serveur. Cela peut être assez avancé et vous n'avez à vous en soucier que lorsque vous utilisez un VPS au lieu d'un plan d'hébergement partagé, car il peut y avoir de mauvaises configurations dans votre serveur si vous le gérez seul. Puisque nous avons parlé de l'emplacement auparavant, nous ne le mentionnerions plus. Cependant, dans l'optimisation du serveur, il y a encore d'autres choses que vous pouvez faire pour optimiser votre site Web, surtout si vous exécutez :

• Utiliser EasyEngine

La meilleure chose à propos d'Easy Engine est qu'il aide beaucoup avec les options de mise en cache et la prise en charge de HHVM et de vitesse de page.

• Optimisation Nginx

Il s'agit d'une technique avancée, je vais donc énumérer quelques-uns des didacticiels les plus complets de Linode et DigitalOcean :

Comment optimiser la configuration de Nginx

Comment configurer Nginx pour des performances optimisées

NGINX : faire voler vos serveurs

Réglage NGINX pour de meilleures performances

Optimiser NGINX pour les performances

6. Utilisez PHP 7 pour accélérer considérablement votre site Web

Actuellement, PHP 7.0 est la dernière version de PHP et elle est assez stable puisqu'elle est publiée depuis près de 2 ans.

WordPress.ORG recommande également à ses utilisateurs d'utiliser PHP 7. Actuellement, seuls 9 utilisateurs de WordPress sur 100 utilisent PHP7. Contactez simplement votre hébergeur et demandez-lui de passer de PHP 5 à PHP 7. Actuellement, PHP 5 est toujours la version PHP par défaut dans de nombreux services d'hébergement.

Vous trouverez ci-dessous le tableau de test de vitesse du thème Eduma – Education WP pour un serveur non configuré, sans cache avec PHP 5.6.28 et un utilisant PHP 7.0.18

Apparemment, PHP 7 est toujours plus rapide et son temps de chargement moyen n'est que de moins de 1,5 seconde pour Eduma utilisant PHP 7 tandis que PHP5 a besoin d'environ 5 secondes pour charger complètement le site.

Lire la suite Comment l'hébergement Web affecte la vitesse du site