Les sites WordPress lents ont des taux de rebond plus élevés et un faible taux de conversion. Pour contrer cela, ton site WordPress devrait disposer d'un hébergeur rapide, d'un thème léger et de Perfmatters.
Pour savoir comment configurer Perfmatters et tirer le meilleur parti de votre site WordPress, lisez cet article.
Remarque
Tous les réglages que vous effectuez dans Perfmatters doivent être soigneusement vérifiés. Certaines options peuvent modifier le fonctionnement et l'apparence de votre site WordPress.
Paramètres généraux (General)
Dans les « Paramètres généraux (General) », tu as la possibilité d'activer de nombreuses options qui préserveront ton serveur et accéléreront le chargement de la page pour tes visiteurs.
Désactiver les emojis / Disable Emojis
WordPress ajoute une bibliothèque Javascript distincte uniquement pour les emojis. En désactivant cette bibliothèque, vous réaliserez des économies considérables en excluant ces fichiers Javascript. Mieux encore : votre site WordPress continuera d'afficher les emojis. Ceux-ci seront alors chargés par le système d'exploitation.
Risque: faible
Effet: important
Désactiver les Dashicons / Disable Dashicons
La plupart des gens n'utilisent plus les Dashicons, car aujourd'hui, presque toutes les icônes sont converties en SVG.
Risque: faible
Effet: important
Désactiver les intégrations / Disable Embeds
Cette option désactive les cartes d'aperçu des pages Web, mais n'a aucun effet sur les intégrations YouTube et peut être activée en toute sécurité pour la plupart des sites Web WordPress.
Risque : faible
Effet : faible
Désactiver XML-RPC / Disable XML-RPC
Il s'agit ici moins de performances que de sécurité de votre site WordPress. L'activation de cette option supprime un petit bout de code, ce qui rend le piratage de votre site web un peu plus difficile pour les attaquants. Les utilisateurs de Jetpack peuvent ignorer cette option.
Risque: faible
Effet: faible
Désactiver jQuery Migrate / Supprimer jQuery Migrate
jQuery est un fichier qui permet d'utiliser l'ancien code avec le nouveau. Si vous utilisez un nouveau thème WordPress et des plugins actuels, vous pouvez activer cette option sans problème. Si, lors du test de votre page, vous constatez que quelque chose ne fonctionne pas ou n'est pas esthétique, il est temps de mettre à jour ou même de remplacer les plugins et les données du thème.
Risque: élevé
Effet: important
Masquer la version WordPress / Hide WP Version
Cette option masque la version WordPress installée dans le code source. Une fois activée, elle vous protège des robots qui tentent d'exploiter les failles de sécurité connues, ce qui ménage votre serveur et vos nerfs.
Risque: faible
Effet: faible
Supprimer le lien wlwmanifest / Remove wlwmanifest Link
Windows Live Writer est toujours référencé dans WordPress, mais il est rarement utilisé. Vous pouvez activer cette option et supprimer une ligne de code inutile en toute sécurité à 99 %.
Risque: faible
Effet: faible
Supprimer le lien jRSD / Remove RSD Link
Supprime une ligne de code et peut être activé en toute sécurité pour la plupart des sites Web WordPress.
Risque: faible
Effet: faible
Supprimer les liens courts / Remove Shortlinks
Supprime les permaliens « simples » (par exemple « …/?p=123 ») qui sont toujours référencés, même si vous utilisez « Nom de l'article » ou une « Structure personnalisée » pour les permaliens.
Risque: faible
Effet: faible
Désactiver les flux RSS / Disabling RSS Feeds
Désactive la fonctionnalité RSS Feed. Si vous avez un blog, je vous recommande d'ignorer cette option.
Remarque : même si vous n'utilisez pas de flux RSS, les utilisateurs qui souhaitent s'abonner à vos publications peuvent utiliser des lecteurs de flux tels que Feedly.
Risque: moyen
Effet: moyen
Supprimer le lien RSS Feed / Désactiver les liens RSS Feed
Désactive les liens vers ton flux RSS. Tu peux activer cette option sans problème si ton flux RSS se trouve sous la page standard /feed être trouvé.
Risque: faible
Effet: faible
Désactiver ses propres pingbacks / Disable Self Pingbacks
Supprime la fonction pingback, qui constitue généralement un gaspillage de ressources.
Risque: faible
Effet: faible
Désactiver l'API REST / Disable REST API
Il existe encore des plugins qui utilisent l'API REST (Jetpack, Wordfence et certains formulaires de contact). De nombreuses fonctionnalités de l'API REST ne sont disponibles que dans le backend. Après avoir activé cette option, tu devrais bien tester ton site WordPress (y compris le formulaire de contact).
Risque: moyen
Effet: important
Supprimer les liens REST API / Remove REST API Links
Supprime toutes les références à l'API REST (voir ci-dessus).
Risque: moyen
Effet: faible
Désactiver Google Maps / Disable Google Maps
Cette option doit toujours être activée, car Google Maps a tendance à se charger lentement sur le site WordPress (ce qui coûte jusqu'à 20 points au test web.dev ). Essaie d'insérer une capture d'écran de la carte ou de faire en sorte que Google Maps ne charge ses scripts que sur la page où se trouve la carte.
Risque: faible
Effet: important
Désactiver l'indicateur de force du mot de passe / Disable Password Strength Meter
Ce script volumineux est souvent chargé sur les sites web WooCommerce. Activez cette option pour améliorer les performances de votre boutique et veillez à ce qu'un avertissement clair concernant la sécurité du mot de passe s'affiche lors de la connexion ou de la création d'un compte.
Risque: faible
Effet: important
Désactiver les commentaires / Disable Comments
Si vous n'utilisez pas les commentaires WordPress, activez cette option pour supprimer une grande quantité de code.
Risque: faible
Effet: important
Supprimer les URL des commentaires / Remove Comment URLs
Cette option empêche les visiteurs de laisser une URL dans les commentaires (ce que font souvent les spammeurs qui tentent d'obtenir des backlinks).
Risque: faible
Effet: faible
Ajouter une favicon vide / Add Blank Favicon
Vous n'avez besoin de ce paramètre que si vous n'utilisez pas de favicon (mais vous devriez en utiliser un). Laissez ce paramètre désactivé, sauf si vous testez une installation vide.
Risque: faible
Effet: faible
Supprimer les styles globaux / Remove Global Styles
WordPress 5.9 a ajouté beaucoup de code inutile (maudit soit Duotone !). Si vous n'utilisez pas ces fonctionnalités, activez ce paramètre pour supprimer environ 300 lignes de code non minimisé.
Risque: faible
Effet: important
Désactiver Heartbeat / Disable Heartbeat
Il est fortement recommandé d'activer cette option. La plupart des utilisateurs souhaiteront définir ce paramètre sur « Autoriser uniquement lors de la modification d'articles/de pages ». Cela permet de réduire la charge du serveur.
Risque: faible
Effet: important
Régler la fréquence cardiaque / Heartbeat Frequency
Modifiez la fréquence des pings de votre serveur. 60 secondes suffisent.
Risque: faible
Effet: moyen
Intervalle de sauvegarde automatique / Autosave Interval
Cela peut contribuer à ménager votre serveur. Vous pouvez modifier ce paramètre en toute sécurité et le régler sur 3 minutes.
Risque: faible
Effet: faible
Modifier l'URL de connexion / Change Login URL
Les robots savent où se trouve la page de connexion WordPress par défaut. En modifiant cette URL, vous pouvez repousser certains de ces robots qui auront plus de mal à trouver votre page de connexion.
Risque: faible
Effet: faible
actifs
Les ressources permettent de configurer de nombreuses choses merveilleuses. À mon avis, le « Script Manager » est ici le point fort.
Gestionnaire de scripts
Activez et désactivez les scripts à un niveau granulaire. Cela peut avoir un impact considérable sur les performances, mais nécessite des tests et des ajustements manuels pour vous assurer de ne rien endommager.
Pour en savoir plus sur le gestionnaire de scripts, consultez la documentation détaillée de Perfmatters.
Risque: élevé
Effet: important
Déplacer JavaScript / Différer JavaScript
Déplace le JavaScript à la fin de la cascade. Cela peut aider pour les résultats des tests et les erreurs « Rendering Blocking ». Cela peut entraîner des problèmes lors du chargement de votre site web.
Risque: élevé
Effet: important
Déplacer jQuery / Inclure jQuery
jQuery est un fichier volumineux. Si vous pouvez différer l'exécution de ce script, cela peut avoir des avantages considérables sur vos performances. Cependant, ce paramètre est très risqué, ne l'utilisez donc que si vous savez ce que vous faites.
Risque: élevé
Effet: important
Retarder le chargement de JavaScript / Delay JavaScript
Cela retardera votre JavaScript jusqu'à ce que l'utilisateur interagisse avec la page. Cela pourrait avoir un effet positif sur les résultats des tests de votre page, car les robots n'interagissent pas avec la page, mais cela devrait garantir la sécurité de vos utilisateurs.
Risque: moyen
Effet: important
Supprimer le code CSS inutilisé / Remove Unused CSS
Ce paramètre n'est pas infaillible, vous devrez donc probablement faire quelques exceptions. Cependant, si vous parvenez à vous débarrasser du CSS inutilisé, vous pourriez améliorer considérablement vos temps de chargement.
Risque: élevé
Effet: important
préchargement
Activer la « page instantanée » / Enable Instant Page
Ce paramètre n'aura probablement pas d'incidence sur vos résultats, mais il peut faire une grande différence pour les utilisateurs, car il améliore considérablement la vitesse de votre site web. Vous pouvez activer ce paramètre à tout moment.
Risque: faible
Effet: important
Préchargement / Preload
Cela vous permet de précharger des éléments (tels que des images ou des polices). En substance, ces éléments sont déplacés au début de votre cascade afin qu'ils soient chargés en premier. Cela peut être utile pour votre logo ou les polices de votre site web afin de vous assurer qu'ils se chargent immédiatement.
Risque: faible
Effet: faible
Précharger les images critiques / Preload Critical Images
Cela produit un effet similaire à l'option « Précharger » (voir ci-dessus), mais charge automatiquement la ou les premières images (le nombre dépend du nombre que vous sélectionnez dans la touche Maj) de votre page, ce qui peut améliorer votre LCP.
Risque: faible
Effet: moyen
Préconnexion et préchargement DNS / Preconnect & DNS Preload
Cela crée une connexion préalable aux ressources tierces, qui sont souvent celles qui prennent le plus de temps à charger.
Risque: faible
Effet: faible
Chargement différé
Activer le chargement différé des images / Lazy Loading Images
Cela réduit le nombre de requêtes que Google voit lors du chargement de vos pages, car votre site web ne charge les images que lorsqu'elles apparaissent dans la fenêtre d'affichage. Bien que WordPress dispose de cette fonctionnalité par défaut, elle n'est pas aussi performante. Ce paramètre est recommandé.
Risque: faible
Effet: important
Désactiver les iFrames et les vidéos / iFrames & vidéos
Ce paramètre empêche votre site Web de charger les vidéos intégrées tant qu'elles n'apparaissent pas dans votre fenêtre d'affichage. Cela peut avoir un impact important sur toutes les pages qui utilisent des vidéos.
Risque: faible
Effet: important
Créer une vignette YouTube / Vignettes de prévisualisation YouTube
Cela empêche YouTube de charger quoi que ce soit tant que l'utilisateur n'a pas cliqué sur la vidéo. Il s'agit d'un paramètre recommandé.
Risque: faible
Effet: important
Seuil
Cela modifie le niveau d'agressivité du chargement différé. Brain recommande 600px, ce qui signifie que le chargement des images commencera à partir de 600px de la fenêtre d'affichage. La valeur par défaut est 0px (ce qui est très agressif).
Risque: faible
Effet: faible
Surveillance DOM
Ce paramètre permet de surveiller le DOM afin de contrôler le chargement lent. Cela peut être utile si vous utilisez une fonction de type « défilement infini ».
Risque: faible
Effet: faible
Ajouter les dimensions d'image manquantes / Add Missing Image Dimensions
Ceci est souvent détecté par les outils de test. Si vous activez ce paramètre, les dimensions d'image manquantes seront automatiquement ajoutées (sauf pour les SVG). Cela n'a pas d'impact significatif sur le temps de chargement réel, mais peut aider à améliorer vos résultats.
Risque: faible
Effet: important
polices
Désactiver Google Fonts / Disable Google Fonts
Si vous n'utilisez PAS les polices Google, ce paramètre est sûr (et recommandé !). Cependant, si vous utilisez les polices Google, vous devriez plutôt utiliser le paramètre « Polices Google locales ».
Risque: élevé
Effet: important
Télécharger les polices Google Fonts localement / Local Google Fonts
Avec ce paramètre, les polices Google sont chargées depuis votre serveur plutôt que depuis celui de Google. Cela est généralement beaucoup plus rapide et pourrait rendre votre site web plus conforme (car le chargement des polices Google depuis les serveurs Google pourrait enfreindre le règlement général sur la protection des données).
Risque: faible
Effet: important
CDN
Ces fonctions facilitent la réécriture des URL lorsque vous utilisez un CDN tiers.
Analyses
Activer le chargement local de Google Analytics / Enable Local Analytics
Au lieu de charger Google Analytics à partir des serveurs Google, ce paramètre vous permet d'héberger les scripts Google localement, ce qui peut avoir un impact significatif sur vos résultats globaux et votre vitesse, et réduire le nombre total de requêtes.
Risque: faible
Effet: important
Prise en charge AMP / Activer la prise en charge AMP
AMP est progressivement supprimé, et vous ne l'utilisez probablement pas et n'avez donc pas besoin de ce paramètre. Si vous utilisez AMP, il est probablement temps d'arrêter, mais vous pouvez utiliser ce paramètre en attendant.
Risque: faible
Effet: faible
Perfmatters et WooCommerce
Perfmatters a été développé dans le but d'optimiser WooCommerce et dispose de fonctionnalités supplémentaires qui ne s'affichent que si WooCommerce est installé.
Ces fonctions peuvent générer un gain de performance considérable, mais peuvent également endommager certaines parties du frontend qui dépendent des scripts WooComerce.
Pour plus d'informations, nous te recommandons de consulter la documentation Perfmatters.
en Suisse