Prenez ces Plugins pour accélérer votre site Web WordPress, chargé deux fois plus vite !

Prenez ces Plugins pour accélérer votre site Web WordPress, chargé deux fois plus vite !

Meilleurs plugins pour accélérer votre site Web WordPress, 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:

https://gtmetrix.com/

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

Score Gtmetrix:


Temps de chargement:

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 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!

Qu’advient-il du site maintenant? Regarde ça:

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. Débarrassons-nous de tous.

Et après les avoir nettoyés, voici les scores finaux:

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!

Autres articles sur WordPress

Partagez ce site
Avatar

Auteur du Blog

Bonjour, je suis Ilyasse SAWADOGO, auteur de ce blog, j'aime voyager et je n'ai aucune imagination pour nommer des sites Web. Je voyage à travers le monde depuis deux ans et demi, avant d’être professeur d’anglais en Asie. J'ai voyagé par voie de terre du Mexique à la Patagonie, j'ai exploré la majeure partie de l'Asie du Sud-Est et récemment passé quelques mois à errer dans le nord de l'Inde. ma passion est de partager avec vous les sujets qui m'interessent beaucoup dans la vie comme voyage, developpement personnel . Merci de votre visite et votre commentaire