Meilleurs plugins pour accélérer votre site Web WordPress qui sera chargé deux fois plus vite !
Je vois beaucoup de discussions demandant aux gens comment ils peuvent charger leur site Web plus rapidement?
Cela affecte-t-il leur référencement?
Est-ce que cela améliore leurs ventes?
Aide-t-il à augmenter le trafic?
Avant j’ai rédigé 2 articles que je vous recommende de lire avant de continuer la suite de cet article
Cette fois, c’est un vrai test
Eh bien, mettons fin à toutes ces questions en essayant vous-même et vous trouverez toutes les réponses.
Récemment, j’ai conçu un nouveau site Web pour l’un de mes projets avec de lourdes images en taille réelle et j’ai réalisé qu’il prenait trop de temps à charger et au moment où il l’a fait, le visiteur aurait déjà perdu tout intérêt.
Il fallait faire quelque chose et c’est là que j’ai commencé:
Pourquoi la vitesse du site Web est importante
Tout le monde ici sait que la vitesse du site est très importante – pour une chose, c’est connu pour être un facteur de classement et pour une autre, cela a un effet énorme sur l’expérience utilisateur – un site lent équivaut à une mauvaise expérience utilisateur.
- 53% des visiteurs abandonnent un site qui prend plus de 3 secondes à charger
- Google annonce que le temps de chargement est l’un de leurs facteurs les plus importants en ce qui concerne l’expérience utilisateur, et cela est encore plus important en ce qui concerne l’utilisation des appareils mobiles.
- Un retard de 1 seconde dans le temps de chargement peut entraîner une augmentation de 8% du taux de rebond
- Un retard de 1 seconde dans le temps de chargement peut entraîner une diminution de 7% des conversions
Tester la vitesse de votre site
J’utilise normalement ce site pour tester la vitesse de mes sites Web:
J’utilise également cet outil pour obtenir des informations détaillées sur ce qui est chargé et quand:
http://www.websiteoptimization.com/services/analyze/
Cependant, autres m’ont conseillé d’utiliser l’un de leurs outils, que j’ai également utilisé précédemment:
https://developers.google.com/speed/pagespeed/insights/
Lorsque vous exécutez cet outil à partir de Google, vous obtenez deux résultats – l’un pour les performances de PC et l’autre pour les performances mobiles.
Vous obtenez une note sur 100, puis vous obtenez des suggestions sur la façon dont vous pouvez améliorer les performances – ces suggestions sont des conseils pratiques adaptés spécifiquement à votre site Web.
Par exemple, il affichera les fichiers CSS qui se chargent avant que la page ne puisse être affichée, les fichiers de script java, la présence ou l’omission ou la compression du site et d’autres indicateurs de vitesse clés.
Pour commencer le travail sur un de mes sites
3,4 seconde est ce que dit GTM mais cela prenait beaucoup plus de temps pour les utilisateurs (beaucoup de plaintes) et ce score n’était pas trop bon non plus, donc quelques changements étaient nécessaires.
De nombreux professionnels de l’industrie connaissent peut-être les outils et les plugins dont je vais parler, mais je suis sûr que cela serait bénéfique pour les personnes qui commencent tout juste.
1/ Plugin de cache
Par quoi commencer?
Tout d’abord. Obtenir un plugin de cache était la priorité.
Que font-ils?
Tout plugin de cache améliore le référencement et l’expérience utilisateur de votre site en augmentant les performances du site Web et en réduisant les temps de chargement en tirant parti de fonctionnalités telles que l’intégration du réseau de distribution de contenu (CDN) et les dernières meilleures pratiques.
Ma préférence est W3 total cache car c’est le seul framework WPO (Web Performance Optimization) indépendant de l’hebergement Web pour WordPress, mais vous pouvez télécharger l’un d’eux, rechercher un “ plugin de cache ” sur WordPress et vous en trouverez des tonnes.
Et devinez ce qui s’est passé après l’avoir installé et activé?
Ce fut tout un saut! Nous sommes passés d’un score PageSpeed de 74% à 89% et d’un score YSlow de 68% à 75%.
De plus, le temps a été réduit de 0,4 seconde, rien à vanter encore, mais voyons ce que nous pouvons essayer d’autre.
2/ Plugin pour optimiser les images
Après cela, j’ai regardé à nouveau le site Web et j’ai réalisé ce qui manquait.
Les grandes images fantaisies, sont-elles un peu trop grandes?
J’ai vérifié à nouveau, la moitié du trafic provenait de mon mobile et de mon iPad, peuvent-ils voir l’image 2560×1440 en taille réelle?
Non, pas vraiment.
Il fallait donc optimiser les images.
Comment?
Les faire manuellement prendrait une éternité et WP a tellement d’options et de plugins automatiques, alors pourquoi ne pas en tirer le meilleur parti?
Voici les trois plugins d’optimisation d’image les plus populaires,
- Smush
- Optimiseur d’image EWWW
- WP-Optimize – Nettoyez, compressez, cachez.
Mon préféré est le troisième, car Smush vous limite à l’optimisation des images à moins de 3 Mo et vous demande de mettre à niveau et le second a des fonctionnalités limitées tandis que WP-Optimize fait tout cela gratuitement.
Cela prendra quelques minutes s’il y a trop d’images mais les résultats en valent la peine.
Que s’est-il passé après l’optimisation de toutes ces images?
Boom! Nous sommes passés de 89% du score de vitesse de la page à 91%.
Mais attendez, le temps chargé est remonté?
Ne vous inquiétez pas, c’est un peu inexact et aussi, nous n’avons pas encore fini, nous pouvons donc ignorer cela pour l’instant.
Lisez aussi 11+ meilleurs plugins WordPress pour gérer les redirections 301
3/Plugins pour le javascript et les codes
Que pouvons-nous faire d’autre pour l’améliorer? Umm …
Le javascript et les codes sur le site Web prennent parfois trop de temps, il doit donc y avoir un moyen de les corriger.
Manuellement?
Cela prendrait une éternité.
Tirons le meilleur parti des plugins,
Autoptimize – rend votre site plus rapide en optimisant CSS, JS, Images, polices Google et plus encore.
Après avoir essayé quelques-uns différents avec un succès presque nul, j’ai trouvé que celui-ci était le meilleur pour moi.
Définissez les paramètres qui vous conviennent, ils sont assez simples.
Cela prendra quelques secondes et c’est fait!
Un autre saut de 1% dans le score Pagespeed tandis que YSlow reste constant.
Mais attendez, avez-vous vu le temps complètement chargé?
Nous sommes maintenant à 2,2 secondes des 3,4 secondes quand nous avons commencé.
Tout semble être réglé maintenant.
Peut-on faire autre chose?
Il doit y avoir un moyen d’améliorer encore les performances.
Attendez une seconde, avons-nous installé trop de plugins pour corriger tout cela?
Et les autres qui ne sont pas bons?
Nous n’en avons plus besoin.
Nous sommes à un niveau record de 92% de Pagespeed Score avec un saut de 10% dans le score YSlow et 2,3 secondes de temps de chargement complet.
Cela devrait vous prendre moins de 30 minutes si vous êtes familier avec WordPress et que vous êtes parti de rien et avez obtenu de très bons chiffres là-bas.
C’est à peu près tout au moins pour ce site. Si vous avez un site avec moins d’images HQ, vous pouvez le pousser un peu plus et viser 1,7 à 2 secondes (j’ai déjà atteint de tels chiffres avec mes autres sites).
Vous avez des questions?
N’hésitez pas à poster ci-dessous. Bonne chance!