23 plugins d’optimisation de vitesse WordPress pour que votre site Web fonctionne à toute vitesse

Besoin d’une liste complète de plugins d’optimisation de la vitesse WordPress?

Un site Web rapide, c’est très important. Un petit rappel ne fait jamais de mal, voici quelques données à garder en mémoire :

  • Perdre 500 ms sur le chargement d’un site, c’est perdre 20% de trafic Google ;
  • Réduire de 30% le poids d’une page, c’est gagner 30% de visiteurs à moyen terme ;
  • Ajouter 100 ms de latence pour Amazon, c’est 1 % des ventes en moins ;
  • Perdre 400 ms sur le chargement d’une page, 5 à 9% d’abandon supplémentaire pour Yahoo.

1. WP Rocket

WP Rocket a été classé plug-in de cache n ° 1 dans plusieurs sondages sur Facebook et est ce que j’utilise. Il est un plug – in premium 49 $ , mais valent la peine, depuis votre plugin d’hébergement et de cache et généralement le top 2 facteurs de vitesse . C’est également le plugin de cache le plus facile à configurer et est mis à jour fréquemment avec de nouvelles fonctionnalités. Vous ne devriez utiliser qu’un seul plugin de cache, mais il est préférable d’essayer au moins deux ou trois (ceux que j’ai énumérés) pour voir lequel vous donne les meilleurs résultats / scores dans Pingdom / GTmetrix.

2016 meilleur sondage du plugin cache

Sondage du plugin cache 2019

Swift vs WP Rocket

Sondage sur le plugin cache 2016

Meilleurs plugins cache 2018 sondage

wp rocket vs w3 totla cache

Avec la plupart des autres plug-ins de cache, il vous faudrait installer environ 7 plug-ins supplémentaires pour obtenir ces fonctionnalités , lorsque WP Rocket les intègre toutes, réduisant ainsi le nombre de plug-ins sur votre site. Si vous êtes comme moi, vous ne voulez utiliser qu’un seul plugin. Sinon, vous devrez rechercher les fonctionnalités fournies avec vos plugins de cache, puis installer ces plugins s’ils ne les prennent pas en charge.

 

WP-Rocket-Caractéristiques

Le didacticiel My WP Rocket vous explique comment configurer les paramètres avec Cloudflare + StackPath. Je le tiens à jour avec les dernières versions et référence la documentation de WP Rocket . Cela peut réparer une tonne d’éléments dans GTmetrix et constitue probablement le deuxième facteur de vitesse le plus important en dehors de l’hébergement.

Plugins similaires

 

2. Cache le plus rapide WP

C’est le plugin de cache GRATUIT le mieux noté et il est très facile à configurer. Le didacticiel My WP Fastest Cache vous explique comment configurer les onglets et l’intégrer à Cloudflare + StackPath, mais voici le premier onglet (ci-dessous). Contrairement à WP Rocket, ce plug-in ne permet pas de charger paresseux des images / vidéos, de nettoyer la base de données et d’autres options. Vous devrez donc utiliser WP-Optimize et les plug-ins Lazy Load pour vidéos si vous souhaitez également utiliser ces fonctionnalités (recommandé).

WP-Fastest-Cache-Settings

 

 

3. WP-Optimiser

Supprime la corbeille, le courrier indésirable, les révisions après publication, les éléments transitoires et les autres fichiers inutiles stockés dans votre base de données. Après l’accumulation, ils peuvent ralentir votre site WordPress et votre panneau d’administration. J’exécuterais ceci toutes les deux semaines (WP-Optimize et WP Rocket ont une option pour programmer des nettoyages de base de données). Si vous utilisez WP Rocket, vous n’avez PAS besoin de ce plugin car WP Rocket a une option pour cela dans les paramètres de la base de données. Si vous utilisez un autre plug-in de cache, utilisez WP-Optimize.

WP-Optimize Clean Base de données

Instructions

  • Sauvegardez votre base de données!
  • Installer le plugin
  • Aller sur l’onglet WP-Optimiser
  • Exécuter le plugin en tant que paramètres par défaut mais décocher “commentaires non approuvés”

Si vous utilisez WP Rocket, vous n’avez pas besoin de WP-Optimize (WP Rocket a cela dans l’onglet «base de données»):

WP-Rocket-Database-Settings

Plugins similaires:

 

4. Shortpixel

Compressez sans perte les images pour corriger les éléments d’optimisation dans GTmetrix. J’ai un guide complet sur l’optimisation des images  (il existe en réalité 20 méthodes), mais les principales sont la compression sans perte , les images redimensionnées (redimensionnant aux dimensions appropriées) et les dimensions de l’image (définissant une largeur / hauteur dans le code HTML ou CSS de l’image) ). ShortPixel, Imagify, Smush , Kraken et EWWW font essentiellement la même chose. Vous n’avez besoin que d’un seul plugin d’optimisation d’image.

Plus

  • Compression d’image sans perte
  • Redimensionner des images surdimensionnées
  • Supprimer les données EXIF

Compression d'image sans perte

Instructions

  1. Inscrivez-vous à Shortpixel
  2. Installer le plugin ShortPixel
  3. Vous serez invité avec les instructions ci-dessous:
  4. Entrez votre clé API à partir de votre compte ShortPixel
  5. Définissez votre niveau de compression
  6. Bulk optimiser toutes les images sur votre site (c’est un modèle freemium)

Paramètres ShortPixel

 

5. Clearfy

Il s’agit d’un plug-in de vitesse indispensable qui désactive les fonctionnalités inutiles dans le noyau de WordPress susceptibles de consommer de l’UC. Cela permet également de supprimer les chaînes de requête (bien que la meilleure solution consiste à utiliser des plugins légers), de charger les polices de manière asynchrone, d’héberger votre code de suivi Google Analytics localement, de limiter le nombre de révisions de publication, de désactiver les sauvegardes automatiques et d’autres fonctionnalités rapides.

Paramètres de performance Clearfy

Vous permet de désactiver:

  • Révisions
  • Autosaves
  • Emojis
  • Gravatars
  • Google Maps
  • Balise RSD (Really Simple Discovery)
  • Balise Shortlink
  • WordPress API à partir de l’en-tête
  • Balise Windows Live Writer
  • Tag Générateur WordPress
  • Pingbacks + rétroliens
  • RSS
  • XML-RPC
  • Scripts WooCommerce
  • WooCommerce critiques
  • Fragments de panier Woocommerce

Il peut également paginer les commentaires après 20 commentaires ou les désactiver après 28 jours.

 

6. Nettoyage des actifs

Désactiver sélectivement les plugins du chargement sur certaines pages / publications. Cela peut réduire le nombre de demandes et améliorer les temps de chargement. L’exemple le plus courant consiste à ne charger votre plug-in de formulaire de contact que sur des pages contenant un formulaire de contact. Mais vous pouvez le faire avec plusieurs plugins.

Exemples:

  • Désactiver votre plugin de curseur sur les pages qui n’utilisent pas de curseur
  • Désactiver votre plug-in Rich Snippets sur les pages qui n’utilisent pas de riches Snippets
  • Désactiver votre plugin de formulaire de contact sur les pages qui n’ont pas de formulaire de contact
  • Désactiver votre plugin de gestion de liens d’affiliation sur les pages qui n’utilisent pas de liens d’aff
  • Désactiver votre plug-in de partage social sur toutes les pages (puisqu’il s’agit généralement de blogs)

Plugins similaires

 

7. WP YouTube Lyte

Lazy charge les vidéos en insérant un «Lite YouTube Embeds» réactif qui appelle uniquement le «gros» lecteur YouTube lorsque l’utilisateur clique sur le bouton de lecture. Les vidéos prennent le plus de temps à charger par les FAR. Juste pour vous donner une idée, mon tutoriel W3 Total Cache  ne contient que 2 vidéos, mais lorsque je les charge paresseux, le temps de chargement de cette publication est passé de 5 à 1,5. Il a la même fonction que les vidéos intégrées .

 

Si vous utilisez WP Rocket, ils ont cette fonctionnalité dans les paramètres «média»:

WP-Rocket-Lazy-Load

 

8. HeartBeat Control

L’API de pulsation de WordPress consomme des ressources en vous envoyant des notifications de plug-in en temps réel, lorsque d’autres utilisateurs modifient une publication, etc. 99% des personnes devraient le désactiver.

Heartbeat-Control-Plugin

 

9. Pre party browser hints

Cela permet la pré-extraction, la pré-connexion, la pré-récupération et le préchargement DNS. Si vous utilisez des ressources externes sur votre site Web, les navigateurs les anticipent et se chargent plus rapidement.

WP Rocket a une option pour la prélecture DNS, mais pas pour la préconnexion, contrairement à ce plugin. La différence entre la pré-extraction DNS et la pré-connexion est que la pré-extraction autorise uniquement la recherche DNS, tandis que la pré-connexion effectue la recherche DNS, la négociation TLS, ainsi qu’une négociation TCP.

 

10. OMGF | Héberger localement les polices Google

OMGF peut corriger les erreurs de police Google dans GTmetrix, Pingdom et PageSpeed ​​Insights. Il téléchargera toutes les polices Google sur votre site (à l’aide de l’API Google Fonts Helper) et générera une feuille de style à cet effet. Ensuite, vous devrez supprimer toutes les demandes adressées à des sources de polices externes.

Google-Fonts-GTmetrix

À quoi il ressemble:

CAOS-for-Webfonts

 

11. CAOS | Héberger Google Analytics localement

Tirer parti de Brower Caching Google Analytics

CAOS corrige l’  élément de mise en cache du navigateur à partir de GTMetrix en hébergeant Google Analytics localement. Installez simplement le plug-in, entrez votre identifiant de suivi et CAOS ajoutera le code de suivi à l’en-tête (ou au pied de page). CAOS est également compatible avec Monster Insights et propose d’autres options.

WP Rocket, Swift Performance et WP Disable peuvent également le faire (il suffit d’en utiliser un).

 

12.  CDN Enabler

CDN Enabler vous aide à configurer un CDN ( réseau de distribution de contenu ). Cela ne fonctionne pas avec Cloudflare (qui nécessite de changer de serveur de noms), tandis que CDN Enabler concerne spécifiquement StackPath, KeyCDN et d’autres CDN fournissant une URL de CDN. Tout d’abord, inscrivez-vous pour un CDN (j’utilise StackPath ), puis entrez votre URL CDN dans le plug-in CDN Enabler. Voir les instructions ci-dessous:

Étape 1 : Inscrivez-vous pour un CDN (j’utilise StackPath qui possède 34 centres de données ) et créez un site CDN .

Étape 2 : Saisissez votre URL CDN:

StackPath-CDN-URL

Étape 3 : Entrez votre URL CDN dans CDN Enabler, puis configurez les paramètres:

CDN-Enabler-Plugin-Settings

 

13. Perfmatters

Perfmatters a été développé par Kinsta et est similaire à Clearfy et Asset Cleanup. Il vous permet de désactiver les fonctions inutiles, notamment les fragments de panier, les scripts et les styles de WooCommerce. Vous pouvez également désactiver sélectivement les plugins. Le prix commence à 24,95 $ / an pour un seul site, mais je mordille et je suis heureux de l’avoir fait, car je continue à l’utiliser sur mon propre site Web. Voici toutes ses fonctionnalités .

caractéristiques perfmatters

 

14. Cache du gravatar de Harry

Si vous avez beaucoup de commentaires sur les publications, Gravatars peut détruire vos temps de chargement et vos rapports GTmetrix. Vous pouvez utiliser ce plugin pour mettre en cache des images Gravatar . Une autre option consiste à désactiver complètement les Gravatars (bien que cela empêche les photos de s’afficher) et à rendre votre section de commentaires ennuyeuse. Mais c’est un compromis entre les Gravatars ou vos temps de chargement.

Cache-Gravatar-Images

 

 

15. Spécifier les dimensions de l’image

Spécification-Image-Dimensions

Spécifier les dimensions de l’image est un élément de GTmetrix et d’autres outils rapides, ce qui signifie que vous devez ajouter une largeur / hauteur au code HTML ou CSS de l’image. Ce plugin ajoute automatiquement une largeur / hauteur aux images qui n’ont pas encore un ensemble. À ma connaissance, il ne spécifie pas les dimensions des images situées dans les générateurs de page, les widgets ou les zones extérieures à l’éditeur visuel.

 

16. Autoptimize

Autoptimize

Optimise  HTML , CSS et JavaScript . Autoptimize n’est pas nécessaire, sauf si vous êtes hébergé sur GoDaddy, WP Engine ou tout hôte qui liste noire les plug – ins de cache , car WP Rocket et la plupart des plug-ins de cache optimisent le code pour vous. Mais si la mise en cache intégrée de GoDaddy et de WP Engine est satisfaisante, elle n’optimise pas HTML / CSS / JS. C’est là qu’Autoptimize entre en jeu.

Autoptimize-Main-Settings

 

17. AMP pour WP

Accelerated Mobile Pages  est un projet de Google qui accélère le chargement des pages mobiles. Il ajoute également un timbre «AMP» à côté des extraits de votre mobile. Ce plugin modifiera la présentation / conception de vos pages mobiles, alors assurez-vous de personnaliser entièrement les paramètres. Si pour une raison quelconque vous ne l’aimez pas, supprimez-le et il reviendra à votre ancien design. Vous pouvez également utiliser le plug-in Glue For Yoast & AMP pour personnaliser la couleur du texte, la couleur du lien, la couleur du survol et d’autres éléments de vos pages mobiles.

Avertissement: AMP peut parfois réduire les conversions mobiles. Lisez l’étude de Kinsta sur la façon dont leurs conversions ont chuté de 59% avec AMP. J’ai finalement décidé de ne pas le faire.

Pages AMP

Ce plugin a des tonnes de paramètres pour personnaliser vos pages AMP:

Accelerated-Mobile-Pages-Plugin-Settings

Instructions

  • Installer le plugin
  • Personnalisez le contenu souhaité pour vos pages AMP (pages, publications, etc.)
  • Installez le plugin Glue For Yoast SEO AMP si vous utilisez Yoast (personnalisez le design)
  • Ajoutez / amp / à n’importe quelle page de votre site Web pour voir à quoi il ressemble et assurez-vous qu’il fonctionne.
  • Accédez à Réglages → AMP de Yoast pour modifier votre conception et activer des types de publication personnalisés.
  • Attendez que Google redéfinisse votre site et ajoute le signe AMP dans les résultats de recherche pour mobile.
  • Visitez la section des pages mobiles accélérées de la console de recherche Google pour voir les erreurs.

 

18. Moniteur de requêtes

Trouvez les plugins, requêtes, scripts et autres éléments de chargement les plus lents à charger.

Query Monitor Slow Plugins

P3 Profiler était génial pour trouver des plugins lents, mais n’a pas été mis à jour depuis des années. Le moniteur de requêtes est une alternative. Une autre alternative consiste à exécuter votre site via GTmetrix et à utiliser l’onglet Cascade.

Slow-WordPress-Plugin

 

19. GTMetrix pour WordPress

Le plugin GTmetrix WordPress surveille les temps de chargement et les scores Page Speed ​​+ YSlow, puis vous envoie un rapport directement dans votre tableau de bord WordPress ou via des rapports par courrier électronique planifiés.

GTmetrix-WordPress-Dashboard-Widget

GTmetrix-Scheduled-WordPress-Reports

Rapports planifiés GTmetrix

 

20. Afficher la version PHP

Afficher la version PHP vous indique simplement quelle version de PHP vous utilisez.

Afficher le plugin de version PHP

Des versions plus élevées rendent votre site beaucoup plus rapide…

WordPress PHP Speed

Vous pouvez passer à de nouvelles versions de votre hébergement cPanel…

SiteGround PHP 7.3

 

21. Vérificateur de compatibilité PHP

Le vérificateur de compatibilité PHP analyse vos plugins pour vous assurer qu’ils sont compatibles avec les nouvelles versions de PHP. Certains plugins WordPress ne sont pas mis à jour fréquemment ou ne sont pas bien codés. Le fait de l’exécuter à l’avance peut éviter des erreurs (telles que la rupture de votre site Web) en raison de plugins incompatibles.

Vérificateur de compatibilité PHP

 

22. Contrôle des performances de l’hébergement WP

Affiche les performances globales de l’hébergement et indique si votre technologie (versions PHP, MySQL, WordPress) fonctionne trop lentement, auquel cas il convient de la mettre à jour. Il montre également vos pages les plus lentes.

Hébergement-réponse-serveur-PHP

Navigateur-Charge-Vitesse

Web-Server-Response-Time

Niveau technologique

Bytecheck.com et GTmetrix affichent également votre TTFB ( heure du premier octet ) dans l’onglet Cascade…

Contrôle TTFB

GTmetrix TTFB

Cool Trick : l’une des seules choses que PageSpeed ​​Insights permet de vérifier est le  temps de réponse du serveur . Google dit que cela devrait être sous 200ms. Sinon, votre serveur (hébergement) est lent.

Réduire le temps de réponse du serveur sous 200 ms

 

23. Meilleure recherche remplacer

Si vous voyez des redirections de minimisation  dans votre rapport GTmetrix, cela peut vouloir dire que vous avez changé la version www ou https de votre site, sans modifier vos liens pour qu’ils correspondent à la nouvelle version…

Minimize-Redirects

Au lieu de corriger tous vos liens manuellement, utilisez le plug-in Meilleure recherche et remplacement pour les mettre à jour en masse. Cela peut également être utile pour la réparation de liens rompus, ou même pour la mise à jour en masse de liens / images apparaissant sur plusieurs pages / publications. Une meilleure recherche peut être un gain de temps considérable.

Better Search Replace - Versions WWW

0 0 vote
Article Rating
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments