21 astuces pour optimiser la vitesse de votre site WordPress

 

[sommaire]

Pourquoi optimiser la vitesse de votre site WordPress?

optimiser la vitesse de votre site wordPress en 21 astuces

 

Compte tenu des évolutions technologiques permettant d’obtenir des ordinateurs plus rapides et d’un débit internet qui ne cesse d’augmenter, l’attention porté par vos visiteurs est de plus en plus courte par rapport à quelques années. C’est la raison pour laquelle vous ne disposez que de seulement quelques secondes  pour capter l’attention de vos visiteurs et les retenir. Si votre site Web est lent vous allez perdre du trafic, des visites et probablement de l’argent. Généralement si votre site met plus d’une seconde cela signifie que vous devriez optimiser votre site WordPress.

-Identifier les problèmes :
La première chose à faire est de vérifier si vous avez des problèmes sur votre site. La façon la plus simple c’est d’utilisé GTmetrix.
En analysant votre site avec Gtmetrix vous obtiendrez certaines mesures Page Speed & Yslow La plupart des outils de Benchmark donnent une note, ne vous obsessionné pas avec la course à la meilleure note  si votre site se charge en moins de une seconde, vous avez déjà bien optimiser la vitesse de votre site WordPress!

analyse des performances webLes problèmes fréquents :

  • trop d’articles dans la page principale
  • trop de plugins & widget
  • trop de sources externe
  • Thème ayant énormément de fonctions
  • les grandes images non optimisées

 

Taille de la page & optimisation du contenu

optimiser pages wordPress

 

  1. Réduire le nombre d’articles montrés dans la page principal :La page principale est la page qui est chargée lorsqu’un visiteur click sur votre lien. Il est très important que la page puisse se charger le plus rapidement possible en s’assurant de ne pas ajouter trop de contenu, photos non compressées, widget etc…. Dans le cas où vous désiriez pouvoir offrir un très grand contenu vous pouvez utiliser la fonction d’infinite scroll similaire à la fonction de Facebook. Basiquement grâce à cette technique le contenu est s’affiche au fur et à mesure que le visiteur scroll votre page.
  2. Diviser les articles trop long :Diviser une page lourde et lente en plusieurs pages plus rapide ou utiliser l’infinite Scroll
  3. Remplacer les diapos et sliders par un image statique : Les Sliders utilisent une grande quantité de code Javascript pour fonctionner. De plus tout les sliders ne sont pas tous dotés d’un code léger et optimisé. Le chargement en est d’autant plus long sur les mobiles. Il est recommandé d’essayer 2/3 sliders si vous voulez absolument en mettre un afin d’y tester les performances de votre site. Vous pouvez utiliser le plugin PP3 pour voir l’impact de vos plugins sur le chargement de la page.
  4. Utiliser une taille d’image appropriée : Chargez la bonne taille d’image, si vous avez une image de 300*300 ne l’affichez pas en 1024!!!
  5. Optimiser la taille de vos images sans en baisser la qualité : il existe un ensemble de plugins permettant de réaliser le travail de la compressions de vos images, nous recommandons particulièrement Imagify qui vous permet de réaliser 3 types d’optimisations ( normal , agressive, ultra), la prise en main est rapide et le prix reste abordable.
  6. Réduire l’usage de sources externes : Utilisez seulement les Fonts dont vous avez besoin, il existe de nombreuses variations de la typographie ( Bold, normal, thin, ….)
  7. Administrer le volume de commentaires : Si vous avez beaucoup de commentaires, cela peut ralentir le chargement de votre page, si vous avez un système de cache il doit être actualisé plus souvent et chaque commentaire prend part à la lourdeur de votre page. Il existe également des services comme Disqus ou epoch qui permettent de gérer vos commentaires de manière différente.
  8. Habiliter la compression Gzip pour vos pages : grâce à la compression Gzip vos ressources statiques sont comprimées avant d’être envoyés à votre visiteur. juste après le navigateur décompresse votre page. Votre site ira plus vite si vos pages sont compressées puis décompressées
  9. Minifier et combiner vos fichiers JS & CSS : permet de réduire le poids de vos pages en éliminants les caractères non nécessaire au traitement de la page ( commentaires etc..)
  10. Mise en place d’un système  de cache : Le système de cache permet de garder en mémoire des requêtes demandées afin de pouvoir chargé rapidement vos pages tel que des pages statiques. Il existe plusieurs solutions pour garder en mémoire vos pages sur votre disque dur. Nous recommandons personnellement les plugins WP-Rocket de WP-Media qui offre un ensemble d’options facile à paramétrer ainsi que W3  TotalCache cache qui demande plus de connaissances techniques pour être optimisé correctement.

Il existe également des solutions de cache serveur fonctionnant non sur le disque dur mais sur la mémoire Ram de votre serveur ce qui permet d’obtenir d’excellente performance Web sachant que la mémoire Ram et plus rapide que la mémoire des disques dur.

 

Optimisation du serveur

optimisation serveurs

11. Ayez un un système de cache au niveau serveur : Vous pouvez facilement faire passer le chargement de votre page de 2-3 Secondes à 0,8 secondes en utilisant un système de cache serveur. Aujourd’hui de nombreux hébergeur propose un stack optimisé pour WordPress utilisant Nginx permettant de faire face à des pics de consultations. Il existe également des systèmes de cache objet tel que Memcached o Redis pour les sites ayant de grandes bases de donnés
12. Utiliser un CDN : Le principe d’un CDN est de cloné votre page sur différents serveurs permettant ainsi de servir votre contenu au plus proche de vos visiteurs au lieu de se charger directement de votre serveur. L’installation est simple et permet d’obtenir en plus de la vitesse une meilleur sécurité. La plupart des CDN proposent des services de Firewall ainsi que des mesures de protection contre toute sorte d’attaques. Des systèmes tel que Cloudflare ou MacCDN permettent d’optimiser la vitesse de votre site WordPress
13 Utiliser un certificat SSL & HTTP2 : Chiffré vos donnés augmenté auparavant le chargement de vos pages mais ça c’est révolu depuis le lancement de HTTP2, le nouveau protocole de communication permettant le multiplexage ( traduction : au lieu d’exécuter plusieurs requête une à une, HTTP2 permet d’effectuer plusieurs requête en parallèle.) Concernant les certificats SSL on retrouve de plus en plus d’hébergement Web proposant gratuitement un certificat SSL de chez Let’s Encrypt.

http-2-file-concatenation

Optimiser la vitesse de votre site WordPress

14. Travailler avec un thème de confiance : Faire un intranet où vous y mettrez un ensemble de donnés confidentielles avec un thème de Themeforest c’est risquer de compromettre votre société. Vous devez choisir votre thème non pour son prix, ou son design mais bien pour la qualité de son code, le respect du W3C, ces fonctionnalités, sa vitesse de chargement. Genesis est une très bonne alternative mais vous pouvez trouver également d’autres thème tel que Beans un Framework très performant et propre pour faire tourner votre site.
15. Eviter les thèmes gonflés en fonctionnalités de tout genre: Vous aviez vraiment besoin de BuddyPress? Si ce n’est pas le cas éviter de choisir des thèmes premium dont les fonctionnalités alourdissent vos pages inutilement.
16.Utilisez toujours un thème enfant: pour garder toutes vos modifications du thème
17.Optimiser votre site pour les smartphones : La consultation d’informations se fait de plus en plus en passant par les smartphones, c’est rapide, pratique alors ne négligez pas l’aspect de votre page sur mobiles. Soit votre site est déjà optimisé pour les mobiles en utilisant un thème tel que Genesis , soit vous pouvez également trouver des solutions comme WP-Touch un plugin vous permettant d’obtenir une version mobile de vos pages. Concernant les articles vous pouvez par ailleurs ajouter AMP ( Accelerated mobil pages) qui permet d’obtenir un chargement ultra rapide de vos article sur Smartphone.
18. Si vous utilisez des icônes utilisez une source d’icônes : Il existe un plugin Genericon’d qui vous permet d’ajouter des icônes vectorielles facilement.
19. Ne surchargez pas votre site de plugins : Ce n’est pas parce que vous avez plus de plugin que votre site sera mieux. Allez à l’essentiel de quoi avez vous vraiment besoin?
20. Ayez vos plugins toujours à jour : C’est une question de sécurité d’une part et d’autre part vous pourriez améliorer vos performances Web.
21. Nettoyer votre base de donnés : De nombreux plugin permettent d’optimiser votre base donnés. Le plus connu Wpoptimize ainsi que récemment WP-Rocket

 

Besoin d’un coup de main ? on s’en occupe!

 

Mis en boite dans

Interactions du lecteur

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *