Meilleurs plugins de performance WordPress pour les développeurs

Votre site Web WordPress peut avoir un design attrayant de tous les temps, mais s'il n'apparaît pas correctement dans un navigateur, les visiteurs peuvent finir par être frustrés. En conséquence, cela peut nuire à votre réputation, affectant négativement votre image de marque et donc votre taux de conversion.

Les techniques de conception Web réactive résolvent une série de problèmes de performances, mais aujourd'hui, cela n'a pas beaucoup de sens de se concentrer sur l'optimisation pour quelques écrans, car désormais les écrans sont disponibles en plusieurs tailles.

Vous n'avez pas toujours besoin d'acheter des serveurs plus puissants et de dépenser plus d'argent inutilement, car ces stratégies ne vont pas bien au final. Au lieu de cela, faites quelque chose afin d'éviter des problèmes de performances à l'avenir.

Pourquoi les performances d'un site Web sont-elles importantes ?

La chose la plus importante pour un visiteur visitant un site Web est les avantages perçus. Pour un visiteur de site Web, rien n'a plus d'importance que le temps de chargement de votre site Web.

Au lieu de penser aux métriques vaines telles que le fait d'avoir 100/100 sur Google PageSpeed ​​Insights, il est préférable de réfléchir et de comprendre comment un visiteur expérimente la vitesse de votre site Web. Alors que le premier n'est qu'un nombre, le second est une mesure importante pour l'expérience de l'utilisateur.

Ilya Grigorik, ingénieur en performances Web chez Google, dans High-Performance Browser Networking, décrit les métriques de la perception de la vitesse chez les humains :

• 100 millisecondes car le temps de réponse semble immédiat pour un utilisateur ;
• 100-300 millisecondes représentent un petit retard perceptible ;
• 300 millisecondes – 1 seconde sont perçues comme « la machine fonctionne » ;
• 1 seconde représente un délai considérable pour un utilisateur. Par conséquent, une seule seconde d'attente suffit pour interrompre le flux de la pensée et l'utilisateur commence probablement à changer d'état d'esprit.

Si l'expérience utilisateur (UX) sur votre site WordPress est négative, vous perdez des clients et finalement beaucoup d'argent.

Vous ne pouvez pas améliorer ce que vous ne mesurez pas. Si la vitesse de chargement de votre site Web n'est pas mesurée, son ralentissement ne sera probablement pas détecté et les erreurs continueront de s'accumuler.

Les raisons d'un site web lent sont nombreuses et parfois très techniques. Sur les aspects techniques les plus sensibles, les raisons d'un ralentissement d'un site Internet pourraient être l'utilisation excessive de ressources externes, l'utilisation intensive de JavaScript et CSS bloquant l'affichage, car non traités, ou des images lourdes. En moyenne, ceux-ci représentent plus de 60% du poids d'une page Web.

Meilleurs plugins de performances WordPress

Voici les meilleurs plugins de performances WordPress qui peuvent vous aider à identifier les facteurs affectant les performances de votre site Web. Lisons la suite.

1. Moniteur de requête

Avec plus de 60 000 installations actives et une note moyenne de 4,9/5, Query Monitor est un plugin de performances WordPress gratuit pour les développeurs et vise à fournir un support pour la phase de débogage. Il s'agit d'un plugin extrêmement utile, qui détecte presque tous les types d'erreurs pouvant survenir lors du développement de WordPress.

Query Monitor ajoute un menu à la barre d'administration de WordPress et met en évidence toutes les informations de requête qui transitent par WordPress. Dans le contexte du débogage, vous pouvez trouver de nombreuses informations utiles telles que des détails sur les requêtes HTTP, les requêtes de base de données, Ajax, les redirections et les erreurs PHP.

• Requêtes exécutées sur la base de données : le plugin affiche chaque requête exécutée sur la page actuelle, en mettant en évidence les requêtes lentes, les requêtes en double et les requêtes avec des erreurs. De plus, il permet de filtrer les requêtes par type (SELECT, UPDATE, DELETE), par composant (divisé en cœurs, plugins et thèmes), ainsi que par fonction.
• Hooks utilisés dans les scripts : Le plugin affiche tous les hooks exécutés sur la page en cours, ce qui permet de les filtrer de la même manière que les requêtes.
• Thème actif : le plugin fournit des informations sur le thème actif, telles que le nom du fichier modèle actuel.
• Erreurs PHP : Il existe des informations beaucoup plus détaillées que celles fournies par WordPress en attribuant la valeur true à la constante WP_DEBUG dans le fichier wp-config.php.
• Requêtes HTTP : une véritable mine d'informations est fournie sur les requêtes HTTP, en particulier en ce qui concerne les requêtes var, les requêtes de règle et les balises de structure de lien permanent.
• Scripts et styles : le plugin fournit des informations sur les scripts et les styles de la page, avec leurs dépendances et versions.

De plus, ce plugin pointe vers une série de fiches récapitulatives qui fournissent toutes sortes de données utiles lors du développement de WordPress.

2. Suite complète d'optimisation analytique (CAOS)

Si vous avez utilisé le code de suivi Google Analytics et testé votre site Web via PageSpeed ​​Insights pour vérifier ce que Google pense de la charge de votre site Web, vous auriez remarqué qu'il vous recommande d'activer la compression et de spécifier le cache pour votre code.

Heureusement, il existe une solution et vous pouvez gagner ces numéros supplémentaires dans le test Google PageSpeed ​​Insights. Vous pouvez le faire à l'aide du plug-in Complete Analytics Optimization Suite (CAOS).

Ce plugin de performance WordPress, qui sert à insérer le code Analytics dans WordPress, stocke le code JavaScript de Google Analytics localement et le minimise. Cela signifie que vous dépassez les exigences de PageSpeed ​​Insights.

De plus (et voici la touche de génie), ce plugin utilise le wp-cron de WordPress pour vérifier régulièrement si Google a mis à jour le code. Par conséquent, vous disposez toujours de la dernière version d'Analytics. Maintenant, vous n'avez aucune raison de ne pas vouloir installer ce plugin. Je parie!

3. les perfmatters

Avec perfmatters, vous pouvez apporter de petites améliorations à vos performances WordPress en réduisant les requêtes HTTP et la taille de la page Web. Ce plugin vous permet d'activer/désactiver les scripts par page/poste. Par exemple, le populaire formulaire de contact 7 peut être chargé sur chaque page du site. Avec Perfmatters, le téléchargement se fait uniquement sur votre page de contact.

perfmatters diffère des autres plugins de cache WordPress pour augmenter la vitesse de WordPress car il adopte une approche différente pour améliorer le temps de chargement de la page que les autres plugins.

Par défaut, WordPress a certaines options activées qui ne sont pas nécessaires pour la plupart des sites Web et ralentissent les performances. perfmatters permet de désactiver ces options en cliquant simplement sur quelques boutons.

Une autre chose qui a tendance à ralentir le chargement des pages Web est les requêtes HTTP qui ne sont pas nécessaires. perfmatters vous permet de désactiver ces scripts par page, ce qui signifie que vous pouvez empêcher les compléments de charger du code lorsque cela n'est pas nécessaire.

Par conséquent, perfmatters est l'un de ces plugins de performance WordPress qui non seulement améliorent la vitesse du site Web, mais valent également la peine d'être installés même si vous avez déjà un plugin de mise en cache spécifique. En résumé, les principales caractéristiques de Perfmatters sont énumérées ci-dessous.

• Fonctionne avec le plugin de cache existant
• Désactive les options WordPress par défaut
• Désactive les scripts sur chaque page
• Prend en charge le préchargement DNS

4. P3 (profileur de performances de plug-in)

Avec P3, vous pouvez effectuer une analyse de site Web, qui analyse le temps de chargement de quelques pages de manière aléatoire (accueil, publication, catégories, etc.) afin d'obtenir des valeurs uniformes. Au final, vous recevez un rapport détaillé, accompagné de graphiques intéressants et lisibles, qui vous indiquent combien de temps a réellement été mis à charger les différents plugins installés.

Notez que P3 n'affecte pas les performances d'un site Web car il scanne uniquement la page qui lui est dédiée dans WordPress et non en temps réel. Il n'est pas chargé lors de la navigation normale dans les pages WordPress.

Vous pouvez trouver son panneau de contrôle dans Outils → P3 Plugin Profiler. Vous pouvez lancer un scan en cliquant sur 'Start Scan' puis sur 'Auto Scan' dans la fenêtre qui apparaît.

À côté du bouton « Démarrer l'analyse », vous pouvez trouver des données primaires telles que le nombre de plugins actifs, leur temps de chargement, leur impact sur le temps de chargement des pages et le nombre de requêtes MySQL exécutées. Dans la partie inférieure, vous pouvez trouver une série de cartes où il y a des informations détaillées, dans la plupart des cas sous forme de graphique.

Évidemment, ces données ne sont pas fiables. Dans ce contexte, Tom Ewer a mené une analyse détaillée pour ManageWP et a déposé une demande de clarification dans le forum de support. Il a montré que P3, étant un plugin normal, peut souffrir de certaines inexactitudes dues à l'exécution d'autres plugins ou à la charge du serveur (surtout s'il est partagé).

Il ne s'agit pas de bavures grossières, mais plutôt d'une certaine marge d'erreur, que P3 essaie de calculer. Cependant, le plugin est excellent pour mettre en évidence les problèmes de performances liés à la présence d'extensions.

Avec les données obtenues à partir de P3, vous pouvez réduire le nombre de plugins actifs, remplacer ou éliminer les particulièrement lourds, obtenant ainsi un site WordPress plus rapide.

Si vous souhaitez analyser le chargement d'une page particulière ou d'un groupe de pages, vous pouvez recourir à la numérisation manuelle.

Avis de non-responsabilité : P3 n'a pas été testé avec les trois dernières versions majeures de WordPress, mais il peut être utile pour les développeurs.

5. LazyLoad par WP Rocket

Lazy load, que vous pouvez littéralement traduire en lazy loading, permet de ne charger que les images visibles à l'écran. De cette façon, vous économisez un certain nombre de requêtes, de temps de chargement et de bande passante en ne chargeant que ce qui est nécessaire à l'heure souhaitée.

Ce plugin fonctionne sur les vignettes, toutes les images de contenu ou les widgets de texte, les avatars et les smileys.

Voici la liste des meilleurs plugins WordPress Lazy Load

LazyLoad de WP Rocket ne nécessite pas de bibliothèque JavaScript comme jQuery et le script pèse moins de 10 Ko. Ce plugin est très simple. Il n'y a pas d'options de configuration étendues, car le plugin s'occupe de tout.

Ce plugin de performance WordPress a été créé par l'équipe de WP Rocket et est intégré au plugin WP Rocket justement. Pas de soucis pour le référencement car le plugin insère une image avec l'attribut src entre les balises <noscript>.

6. Charge conditionnelle Disqus

Disqus Conditional Load (DCL) est un plugin freemium qui offre des fonctionnalités avancées au système de commentaires Disqus. Les performances de votre site Web WordPress peuvent empirer à mesure que de plus en plus de personnes écrivent des commentaires sur votre site Web avec Disqus. Ce plugin fournit des options puissantes pour modifier Disqus dans des domaines tels que le chargement paresseux, les widgets de commentaires, la désactivation de script, etc.

DCL fournit également des codes courts, prend en charge les publications personnalisées, ajuste la largeur du conteneur et active/désactive le script de comptage. Ce plugin peut vous aider à améliorer la vitesse de chargement de votre site Web WordPress si vous sentez que les pages Web se chargent lentement en raison du système de commentaires Disqus.

Emballer!

Directement et indirectement, la performance d'un site internet a un impact indéniable sur l'expérience utilisateur et le référencement. Du point de vue du marketing entrant, cela affecte également l'engagement social et les taux de conversion. Par conséquent, vous devez prendre au sérieux les performances de votre site Web si vous voulez gagner le client et le convertir en espèces.