Sommaire
- Présentation de Perfmatters
- Perfmatters : caractéristiques
- Optimisation de la base de données avec Perfmatters
- Perfmatters : le lazyload
- Changez votre URL de connexion WordPress avec Perfmatters
- Perfmatters : Réécriture CDN
- Héberger Google Analytics localement grâce à Perfmatters
- Ajouter du code à l'en-tête, au corps, au pied de page
- Préchargement des ressources avec Perfmatters
- Defer and Delay JavaScript : nouvelle fonctionnalité de Perfmatters
- Perfmatters est compatible multi-sites
- Perfmatters : support et développement continu
- Les prix de Perfmatters
Présentation de Perfmatters
Perfmatters a été fondé par deux frères qui adorent WordPress et qui, à eux deux, ont plus de 19 ans d'expérience dans son utilisation quotidienne. Brian et Brett travaillent sur leurs plugins à plein temps : ce n'est pas juste un hobby secondaire pour eux. Déboguer du code, écouter les commentaires des clients et répondre aux tickets d'assistance est quelque chose qu'ils aiment beaucoup.
Ils étaient frustrés par les plugins gratuits destinés à accélérer les sites Web. Chaque fois qu'ils en rencontraient un, il lui manquait quelques fonctions essentielles, il n'était pas codé de manière efficace ou il cherchait simplement à promouvoir la publicité. Ils ont donc décidé de créer leur propre plugin.
Perfmatters est une combinaison d'optimisations de performance qu'ils utilisent sur tous leurs sites.
Brian, cofondateur de forgemedia LLC, ancien CMO de Kinsta, a beaucoup travaillé dans le secteur de l'hébergement WordPress et l'industrie CDN. Il a également publié des centaines d'articles sur l'optimisation de WordPress et les moyens d'accélérer les sites Web.
WordPress est une grande passion pour lui, et tout ce qu'il fait tourne autour de la communauté WordPress depuis plus de 12 ans. Il tient également un blog sur woorkup sur WordPress, le référencement, le marketing et la productivité.
Brett, cofondateur de forgemedia LLC, est un développeur web qui adore créer des applications web géniales et, bien sûr, tout ce qui touche à WordPress. Auparavant, il a travaillé dans une agence où il était responsable de la création, de la maintenance et de l'optimisation des sites des clients afin qu'ils puissent atteindre leurs objectifs marketing.
Cela comprenait également des activités d'administrateur système, comme la mise à jour de PHP, la gestion des serveurs, etc.
Brett est constamment à la recherche de nouvelles optimisations des performances qu'il peut mettre en œuvre pour accélérer WordPress. Il est également pointilleux en ce qui concerne l'interface utilisateur et passe beaucoup de temps à s'assurer que les plugins offrent une bonne expérience utilisateur.
Perfmatters : caractéristiques
L'équipe a développé le plugin Perfmatters avec la simplicité en tête. Avec Perfmatters, il n'y a pas à s'embrouiller avec le code ou votre fichier functions.php. L'optimisation des performances ne doit pas être compliquée et tout peut être activé/désactivé en un seul clic.
La principale façon dont ce plugin contribue à accélérer votre site est de désactiver les scripts qui ne sont pas utilisés sur votre site. Par exemple, par défaut, les emojis se chargent sur chaque page de votre site. Si vous ne les utilisez pas, cela ralentit simplement votre site. En le désactivant, le script ne se charge plus, ce qui réduit le nombre total de requêtes HTTP et la taille de votre page.
Une autre fonction utile est l'optimisation de la base de données. Au fil du temps, des éléments comme les révisions, les brouillons automatiques, les commentaires de spam et les transitoires commencent à remplir votre base de données et, avant que vous ne le sachiez, cela a un impact sur les performances de votre site. Avec Perfmatters, vous pouvez facilement nettoyer tous ces éléments et même mettre en place des limites pour éviter que cela ne se reproduise. Cela vous garantit une base de données rapide et nerveuse.
Perfmatters : Options de basculement rapide
De nombreuses options de Perfmatter peuvent être appliquées en les activant simplement. Voici un aperçu rapide de quelques-unes que l'équipe vous recommande d'utiliser :
- Désactiver les emojis, les embeds et les dashicons.
- Désactivez les scripts et les ressources inutiles que vous n'utilisez peut-être pas sur votre site, tels que les émojis, les éléments graphiques, les tableaux de bord, etc.
- Désactiver ou limiter les révisions d'articles
- Désactivez ou limitez le nombre de révisions d'articles que WordPress stocke pour éviter que votre base de données ne devienne incontrôlable.
- Modifier l'intervalle de sauvegarde automatique
- Réduisez le nombre de sauvegardes automatiques en modifiant votre intervalle de sauvegarde automatique. Cela permet également de diminuer l'avertissement ennuyeux “il existe une version plus récente”.
- Désactiver et ajuster l'API Heartbeat
- Heartbeat peut entraîner une utilisation élevée du CPU et une quantité folle d'appels AJAX. Vous pouvez désactiver Heartbeat et en modifier la fréquence.
- Désactiver les commentaires et les URL
- Pas de blog ? Désactivez les commentaires sur l'ensemble du site pour réduire le spam, ou supprimez les liens vers les commentaires des auteurs pour empêcher les gens d'essayer d'obtenir un lien retour.
- Désactivez Google Maps
Google Maps peut avoir un effet dévastateur sur les performances de votre site. Vous pouvez désactiver Google Maps de manière sélective, et ne le charger que là où vous en avez besoin. - Désactiver les fragments de panier WooCommerce (AJAX)
La requête wc-ajax=get_refreshed_fragments peut provoquer d'énormes retards sur les sites WooCommerce. Désactivez les fragments de panier sur votre site.
Gestionnaire de scripts de Perfmatters
Le plugin Perfmatters intègre un gestionnaire de scripts robuste. Il vous permet de désactiver des scripts par article/page ou sur l'ensemble de votre site d'un simple clic. Tous les scripts sont regroupés par leur plugin et leur thème respectifs afin que vous puissiez facilement voir quels scripts sont utilisés par quoi.
Vous pouvez également désactiver les scripts par appareil (bureau ou mobile) et par état de connexion ou de déconnexion. Cette fonctionnalité est très puissante et peut augmenter considérablement la vitesse de vos sites WordPress (en particulier votre page d'accueil).
Quelques exemples de ce à quoi cela peut servir :
Le plugin Contact Form 7 se charge lui-même sur chaque page et article. Vous pouvez facilement le désactiver partout en un clic et l'activer uniquement sur votre page de contact.
Les plugins de partage de médias sociaux ne doivent être chargés que sur vos articles. Vous pouvez facilement le désactiver partout et le charger uniquement sur les types de messages, ou même sur les types de messages personnalisés.
Le gestionnaire de scripts a été conçu pour qu'il soit facile à utiliser, tout en offrant de nombreuses fonctionnalités avancées. Par exemple, vous pouvez désactiver toute combinaison de scripts à l'aide de Regex.
Le mode MU amène le gestionnaire de scripts à un tout autre niveau. Vous pouvez contrôler tous les aspects d'un plugin, depuis ses scripts frontaux, son code en ligne et ses requêtes MySQL (désactivation complète des plugins).
Utilisez le mode test (nouveau) pour prévisualiser en toute sécurité votre configuration avant d'appliquer les changements à votre site public.
Optimisation de la base de données avec Perfmatters
L'optimisation de votre base de données WordPress est importante lorsqu'il s'agit de garder votre site sain et rapide. Au fil du temps, des choses comme celles-ci peuvent facilement commencer à s'additionner à des centaines de milliers de lignes. Tout comme vous lubrifiez et entretenez votre voiture, vous devriez également effectuer une maintenance régulière de votre base de données.
Le plugin Perfmatters vous permet de nettoyer et de supprimer facilement les données anciennes et inutilisées. Voici quelques exemples :
- Supprimer les révisions (articles, pages et types d'articles personnalisés).
- Supprimer les anciens brouillons automatiques qui sont enregistrés lorsque vous modifiez le contenu.
- Supprimez les commentaires de spam de WordPress en une seule fois.
- Nettoyez votre poubelle de commentaires et d'articles.
- Supprimer les transitoires expirés et garder votre table wp_options propre.
- Optimisez vos tables de base de données pour récupérer l'espace inutilisé.
- Vous pouvez également enregistrer vos paramètres pour y revenir plus tard ou programmer l'optimisation automatique de la base de données sur une base quotidienne, hebdomadaire ou mensuelle. C'est idéal pour ceux d'entre vous qui ont des clients ou qui sont trop occupés pour suivre une maintenance régulière.
Perfmatters : le lazyload
Le lazyload consiste essentiellement à retarder le chargement des images, des vidéos ou des iframes jusqu'à ce que l'utilisateur fasse défiler la page vers le bas (il entre dans la fenêtre d'affichage).
Pour les articles et les pages contenant beaucoup d'images ou de vidéos, c'est très important pour réduire le nombre de requêtes qui se produisent dès le départ. Lors des tests, une diminution moyenne de 33 % des temps de chargement a été obtenue.
Si vous ne pratiquez pas encore le lazyload, vous devriez le faire. Voici quelques fonctionnalités de lazyload dans le plugin Perfmatters :
- Lazyload des images, des images de fond en ligne, des iframes et des vidéos (YouTube, Vimeo, etc.).
- Remplacez les iframes par une vignette de prévisualisation et une icône de lecture SVG qui charge la vidéo au clic. C'est le moyen le plus rapide de charger les vidéos YouTube.
- Support de WebP.
- Surveillance du DOM pour une meilleure compatibilité avec le défilement infini.
- Plus rapide que le lazyload natif par défaut de WordPress.
Changez votre URL de connexion WordPress avec Perfmatters
Parfois, le plus petit des changements peut avoir un impact énorme. Par défaut, WordPress utilise https://votredomaine.fr/wp-admin/ pour votre URL de connexion. Le problème, c'est que les robots, les pirates, etc. recherchent tous ces URL lorsqu'ils cherchent des vulnérabilités et des points d'entrée sur votre site. L'équipe de Perfmatters a travaillé avec de nombreux sites qui voient plus de 10 000 tentatives d'accès échouées par jour.
En changeant simplement votre URL de connexion WordPress par quelque chose de plus obscur, vous pouvez combattre ce phénomène. C'est aussi une bonne chose pour les performances car cela réduit le nombre de robots qui grattent les zones communes de votre site.
Vous pouvez modifier votre URL de connexion dans le plugin Perfmatters en quelques secondes seulement.
Perfmatters : Réécriture CDN
Un réseau de diffusion de contenu (CDN) permet d'accélérer votre site WordPress en stockant vos ressources sur différents serveurs (POP) dans le monde entier et en les diffusant depuis un cache plus proche du visiteur. Le plugin Perfmatters permet de connecter un CDN à votre site WordPress.
Voici quelques caractéristiques de la réécriture CDN de Perfmatter :
- Entrez votre URL CDN et tous vos actifs, images, etc. seront réécrits pour pointer vers votre CDN.
- Vous pouvez choisir les répertoires WordPress que vous souhaitez inclure.
- Excluez les types de fichiers et même les actifs avec des chaînes de caractères d'être réécrits.
Héberger Google Analytics localement grâce à Perfmatters
L'hébergement local de Google Analytics (Découvrez ici Google Analytics 4) peut contribuer à accélérer votre site en réduisant les consultations DNS supplémentaires et en résolvant le problème de “mise en cache du navigateur” de leur script.
Ironiquement, le script de Google émet un avertissement concernant la mise en cache, mais c'est parce que l'expiration de l'en-tête de mise en cache HTTP est très courte. Si vous hébergez vous-même votre site, les en-têtes de mise en cache HTTP de votre propre CDN ou serveur seront automatiquement appliqués. En d'autres termes, vous avez un contrôle total sur la mise en cache du script.
La fonctionnalité Google Analytics de Perfmatters comprend :
- Choisissez entre cinq types de script : analytics.js (17 Ko), gtag.js, gtag.js v4, minimal (seulement 1,5 Ko) et minimal inline.
- Changez la position du code de suivi entre l'en-tête ou le pied de page de votre site.
- Anonymisez votre IP pour des raisons de confidentialité des données et de GDPR.
- Choisissez de suivre ou non les admins connectés.
- Désactivez les fonctions d'affichage. Cela permet de se débarrasser d'une deuxième requête HTTP.
- Ajustez le taux de rebond de votre site pour mieux évaluer la qualité de votre trafic.
- Intégration avec MonsterInsights pour des fonctionnalités d'analyse supplémentaires tout en profitant d'un script hébergé localement.
Ajouter du code à l'en-tête, au corps, au pied de page
Il peut arriver que vous ayez besoin d'ajouter du code personnalisé à l'en-tête (header), au corps ou au pied de page de votre site WordPress. Avec le plugin Perfmatters, vous pouvez facilement inclure du code personnalisé là où vous en avez besoin.
La fonctionnalité de code pour l'en-tête, le corps et le pied de page comprend :
- Imprimer le code directement sur le front-end. Il peut s'agir de CSS en ligne dans les balises <style> ou de JS en ligne dans les balises <script>.
Vous pouvez charger un fichier JS ou CSS. - Le code ajouté à l'en-tête s'imprimera dans la section <head> </head> de votre site.
- Le code ajouté au corps s'imprimera sous la balise d'ouverture <body> de votre site.
- Le code ajouté au pied de page s'imprimera au-dessus de la balise </body> de fermeture sur votre site.
Préchargement des ressources avec Perfmatters
Le préchargement à l'aide des attributs rel peut aider à accélérer le chargement des scripts et des ressources sur votre site WordPress. Ils sont même recommandés par Google lorsqu'ils sont appropriés. Vous pouvez facilement ajouter ces attributs sur l'ensemble de votre site, sur certaines pages ou sur certains appareils (bureau ou mobile).
Instant Page vous permet de précharger automatiquement des URL en arrière-plan après qu'un utilisateur a survolé un lien. Il en résulte des temps de chargement quasi instantanés.
Le préchargement vous permet de spécifier les ressources telles que les polices ou les CSS qui sont nécessaires immédiatement lors du chargement d'une page. Cela permet de corriger les avertissements de ressources bloquant le rendu.
DNS prefetch vous permet de résoudre les noms de domaine (effectuer une recherche DNS en arrière-plan) avant qu'un utilisateur ne clique sur un lien, ce qui peut contribuer à améliorer les performances.
Preconnect permet au navigateur d'établir des connexions anticipées avant une requête HTTP, éliminant ainsi la latence aller-retour et faisant gagner du temps aux utilisateurs.
Defer and Delay JavaScript : nouvelle fonctionnalité de Perfmatters
Vous connaissez l'avertissement “Éliminer les ressources bloquant le rendu” ? Cela signifie que JavaScript ralentit (bloque) la première peinture de la page de votre site WordPress lors du chargement.
Comme le recommande Google, un moyen facile d'accélérer l'affichage d'une page est de différer JavaScript.
Une autre approche puissante consiste à retarder JavaScript jusqu'à l'interaction de l'utilisateur. Vous pouvez faire les deux avec le plugin Perfmatters.
- Ajoutez des balises defer à tous vos fichiers JavaScript. Cela signifie que les scripts seront chargés après le chargement du reste de la page.
- Déférer le JavaScript en ligne.
- Déférer le noyau de jQuery (facultatif).
- Ajoutez des exclusions d'exclusion de JavaScript avec des noms de fichiers, des chemins ou des chaînes de caractères.
- Ajoutez des exclusions d'exclusion JavaScript par page/article individuel dans l'éditeur WordPress.
- Retardez JavaScript jusqu'à l'interaction de l'utilisateur (défilement, déplacement de la souris, etc.). Ceci est idéal pour les fragments de panier WooCommerce et les scripts tiers lourds comme Google Tag Manager, Google Analytics, Facebook pixel, Google Adsense, etc.
- Définissez un délai d'attente qui chargera les scripts après une durée déterminée.
Il est important de se rappeler que le plugin n'est pas une baguette magique qui va régler tous les problèmes. Vous devez toujours optimiser votre site, et le plugin Perfmatters peut vous aider à l'accélérer encore plus.
Tout ce que fait l'équipe est axé sur Core Web Vitals et sur la réduction de chaque minute de temps de chargement. N'oubliez pas que Google ne s'intéresse qu'au chargement de votre site et de votre code sur les mobiles.
Cela inclut des éléments comme la première peinture de contenu (FCP), la plus grande peinture de contenu (FCP), le temps de blocage total et les changements cumulatifs de mise en page (CLS). Les performances perçues (la rapidité de votre site) sont également essentielles.
Perfmatters est compatible multi-sites
Vous avez beaucoup de sites WordPress ? Pas de problème. La licence illimitée de Perfmatters prend en charge les configurations multisites de WordPress. Cela vous permet de pousser facilement les paramètres de votre site par défaut du réseau vers vos sous-sites.
Les configurations multisites comprennent les fonctionnalités suivantes :
- Activez le plugin en réseau et activez votre licence depuis l'administrateur du réseau.
- Attribuez différents types d'accès au réseau : Admins du site ou Super Admins uniquement.
- Poussez rapidement vos paramètres configurés depuis votre site réseau par défaut vers vos autres sous-sites.
Perfmatters : support et développement continu
Avec Perfmatters, vous bénéficiez de l'aide directe des développeurs du plugin. L'équipe a plus de 19 ans d'expérience de travail quotidien avec WordPress.
Le développement de plugins n'est pas seulement un passe-temps secondaire pour l'équipe, c'est ce qu'elle fait à plein temps. L'équipe publie continuellement de nouvelles fonctionnalités et corrige les bogues. Leurs plugins sont toujours testés avec les dernières versions de WordPress.
L'équipe est également convaincue qu'une bonne documentation permet à chacun de gagner du temps. C'est pourquoi ils ont une documentation présentant étape par étape sur la façon d'utiliser et de configurer au mieux Perfmatters.
Les prix de Perfmatters
Perfmatters propose trois formules différentes :
1 site - Personnel
24,95 $ / an
1 an d'assistance et de mises à jour premium
Garantie de remboursement de 30 jours
Sites illimités
124,95 $ / an
au lieu de 149,95 $
1 an d'assistance et de mises à jour premium
Garantie de remboursement de 30 jours
Support multi-sites
3 Sites
54,95 $ / an
1 an d'assistance et de mises à jour premium
Garantie de remboursement de 30 jours