WordPress
time_read49mn de lecture

Atteindre le score de 100% PageSpeed et GTMetrix pour votre site WordPress avec le plugin LWS Optimize

10 août 2024

Atteindre le score de 100% PageSpeed et GTMetrix pour votre site WordPress avec le plugin LWS Optimize

L’optimisation de la vitesse des pages est primordiale pour le référencement et l’expérience utilisateur de votre site WordPress. 🚀 Un temps de chargement long augmente le taux de rebond de votre site, résultant en un trafic plus faible. 😊 Heureusement, il existe différentes méthodes afin d’améliorer considérablement les performances de votre site. Dans cet article, nous vous montrerons comment optimiser le score de performances de vos pages en utilisant le plugin LWS Optimize, permettant des augmentations de performances et une optimisation de votre site. 👨‍💻 Nous avons testé le plugin sur plusieurs sites afin de trouver les meilleurs paramètres en fonction de votre site et vous guiderons à travers la configuration pour obtenir les meilleurs résultats.✨

Contenus masquer

Prêt à commencer ? 🤔 Passez à la section suivante afin de découvrir et configurer LWS Optimize pour obtenir des scores de performance parfaits.

Objectif

Cet article vise à guider les utilisateurs de WordPress 📝 pour atteindre un score de 100% sur PageSpeed et GTMetrix en utilisant le plugin LWS Optimize 🔧. Vous découvrirez les meilleures pratiques pour optimiser la vitesse de chargement 🚀 de votre site, améliorer l’expérience utilisateur 😊 et booster votre référencement 🔍. Nous aborderons les étapes clés, les configurations spécifiques du plugin et les tests nécessaires 🧪 pour garantir une performance optimale. Cet article est destiné aux webmasters, développeurs et propriétaires de sites cherchant à maximiser la rapidité et l’efficacité de leurs plateformes WordPress 🌐.

Prérequis

Quelques prérequis sont nécessaires pour installer et utiliser notre plugin LWS Optimize :

Qu’est-ce que LWS Optimize ?

LWS Optimize plugin WordPress amélioration des performances

LWS Optimize est un plugin développé par LWS spécifiquement pour WordPress, regroupant diverses options d’optimisation afin d’accélérer fortement les performances de votre site web WordPress.

Ce plugin vous offre des options d’optimisation telles que :

  • La minification et combinaison des fichiers de style et scripts
  • La gestion d’un cache de fichiers
  • Le cache serveur LWS

Vous n’avez pas besoin de compétences et connaissances particulières, laissez-vous guider et optimisez votre site en quelques clics.

Le plugin est compatible sur n’importe quel site WordPress en version 6.0 ou ultérieure équipé de PHP 7.4 ou plus. Certaines fonctionnalités, notamment Memcached ou LWS Cache, nécessitent cependant un hébergement LWS afin de pouvoir être utilisées sur votre site. Outre ces rares exceptions, vous pouvez profiter entièrement gratuitement des optimisations du plugin.

Comparaison des performances avant/après

Avant de traiter des meilleurs paramètres de configuration, voyons ensemble l’évolution des performances des sites avant et après l’installation de LWS Optimize. Si vous souhaitez passer directement à la configuration du plugin, rendez-vous dans la partie suivante.

Avant installation de LWS Optimize, comme le montre les données ci-dessous (Apache), les performances du site étaient très en deçà de ce que l’on peut attendre d’un site moderne et optimisé. Le temps de chargement moyen du site dépassant allègrement les 8 secondes en moyenne.

Avec de telles performances, il est très probable que la majorité des visiteurs abandonnent leur visite et partent vers un autre site, vous faisant perdre des clients potentiels.LWS Optimize : Comparaison des performances avant/aprèsLes performances en utilisant LWSCache (Nginx + LWS Cache) sont déjà meilleures, mais une fois notre plugin activé et configuré, les performances augmentent drastiquement, avec un score presque doublé dans chaque catégorie par rapport à l’état initial.

Là où il fallait près de 10 secondes avant que la page soit chargée, cette dernière est affichée en à peine une seconde, ce qui a pour effet, en plus d’offrir une navigation bien plus fluide et agréable, de diminuer significativement le taux de rebond, le pourcentage de visiteurs qui ont quitté le site en n’ayant visité qu’une seule page.

Installation et pré-configuration du plugin LWS Optimize

1. Installation de l’extension LWS Optimize

Si vous êtes hébergé chez LWS, LWS Optimize est proposé automatiquement à l’installation de votre site WordPress en utilisant l’auto-installeur LWS. Le plugin devrait alors déjà être installé et vous pouvez donc passer à l’étape suivante directement.

Dans le cas contraire, ou si vous n’avez pas installé le plugin lors de la création de votre site, connectez-vous à votre tableau de bord WordPress puis rendez-vous dans le menu « Extensions › ajouter une extension ». Dans le référentiel de plugins, recherchez “LWS Optimize” puis sur le bouton « Installer » et enfin « Activer ».Installer LWS OptimizeRafraichissez la page afin de voir apparaître le menu LWS Optimize, qui indique que le plugin s’est bien installé et activé. Dans le cas où le plugin serait installé mais désactivé, rendez-vous dans la page « Extensions », cherchez la ligne correspondant à LWS Optimize et cliquez sur le bouton « Activer ».Activer le plugin LWS Optimize

2. Pré-configuration

L’optimisation d’un site peut être compliquée et nous savons que beaucoup ne souhaitent pas passer en revue chaque option du plugin une à une. C’est pourquoi vous avez la possibilité de choisir une pré-configuration du plugin depuis sa page de configuration.

Pour s’y rendre, cliquez sur le menu « LWS Optimize ». Menu LWS OptimizeSur la page suivante, cliquez sur le bouton « Pré-configuration » en haut à droite de la page.Activer la pré-configuration de LWS OptimizeDans la fenêtre contextuelle qui apparaît, choisissez parmi les trois configurations celle que vous souhaitez.Configurations de LWS OptimizeVous avez le choix entre l’option “Recommandé”, qui se contentera d’activer les options marquées comme telles, l’option “Avancé” qui activera les options précédentes ainsi que quelques options supplémentaires à bas risque et l’option “Complète” qui activera tout ce que le plugin a à offrir.

Si vous ne savez pas laquelle choisir ou préférez éviter de possibles incompatibilités avec votre thème et autres plugins, choisissez la configuration recommandée et adaptez les paramètres du plugin selon vos besoins. Une fois que vous avez terminé, enregistrez les changements.Enregistrer une pré-configuration LWS Optimize

Meilleures configurations du plugin LWS Optimize

Afin de mettre en lumière les meilleures options à activer sur votre WordPress, nous avons testé le plugin sur plusieurs sites, du simple site vitrine au site E-commerce. Cela nous a permis de distinguer les options les plus utiles en fonction de la situation.

Il est important de noter que, chaque site étant différent, certaines options pourraient ne pas fonctionner correctement ou avoir un impact négatif imprévu sur votre site. Bien qu’aucune option ne puisse causer de dégâts irréversibles, assurez-vous de sauvegarder votre site avant manipulation.

Nous allons couvrir chaque fonction, en vous conseillant, ou non, de les activer. Il est important de noter que la majorité des fonctions du plugin sont reliées au cache de fichiers, activé par défaut. Donc, désactiver le cache de fichiers désactivera toutes les options concernées jusqu’à réactivation.

Chaque option est rangée selon son type dans différents onglets. Le premier est “Front-end”, où vous retrouverez toutes les options traitant de la minification et combinaison de fichiers et qui a un impact sur ce que voit le client :

Activer/désactiver les options de performances

1. Minification des Fichiers CSS – Activé

Cette option minifie tous les fichiers de style présents sur votre site afin de réduire leur poids total et ainsi permettre un chargement plus rapide. Les risques de conflits avec d’autres plugins sont très faibles avec cette option, la majorité des sites ne devraient pas rencontrer de soucis.Minification des Fichiers CSS

2. Combiner vos fichiers CSS– Activé

Avec des ajustements, combiner les fichiers est une manière très efficace d’améliorer les performances d’un site : moins de fichiers à charger veut dire moins de requêtes et donc des performances en hausse.

Cependant, combiner des fichiers est plus risqué que de simplement les minifier, c’est pour cela que vous avez la possibilité d’exclure des fichiers, qui ne seront alors pas modifiés par le plugin.Combiner vos fichiers CSS

3. Précharger les fichiers CSS – Selon les besoins

Le préchargement de fichiers CSS peut avoir un impact positif important mais si mal utilisé aura l’effet inverse de celui escompté. Le but est de précharger les fichiers les plus critiques, afin que la page s’affiche plus rapidement.

Précharger trop de fichiers ou des fichiers qui n’impactent pas le chargement de la page aura un effet négatif sur les performances. Si vous ne savez pas quels fichiers préchargés ou n’avez aucun fichier à précharger, n’activez pas l’option.Précharger les fichiers CSS

4. Minification des Fichiers JS – Activé

Tout comme pour le CSS, cette option minifie tous les fichiers de script de votre site, réduisant ainsi leur poids et améliorant les temps de chargement. Là encore, les risques d’incompatibilités sont faibles et votre site ne devrait pas rencontrer de problème.Minification des Fichiers JS

5. Combiner vos fichiers JS – Activé mais risqué

Le fonctionnement de cette option est le même que pour les CSS, à l’exception que ce sont les fichiers JS qui sont combinés cette fois-ci. Là où les risques étaient présents mais peu probable avec le CSS, il y a plus de chances qu’un fichier JS soit incompatible du fait que les scripts doivent être inclus dans un ordre précis.

Si vous rencontrez des problèmes, essayez d’exclure les fichiers problématiques.Combiner vos fichiers JS

6. Minification du HTML – Activé

Minifier le HTML revient à retirer tous les caractères superflus (espaces, commentaires, …) des pages de votre site. L’amélioration de performances est moindre comparé aux autres minifications (à moins que vos pages soient très longues) mais n’a pratiquement aucun risque de conflits et peut être activée sans soucis.Minification du HTML

7. Préchargement des polices – Désactivé

Similairement au préchargement des fichiers CSS, cette option permet de choisir des polices d’écritures à précharger sur votre site. Contrairement à son homologue, cependant, elle n’est pas aussi utile car les polices les
plus populaires sont généralement déjà optimisées.

Là encore, vous êtes libre d’ajouter d’autres polices à précharger mais assurez-vous de choisir les polices qui en ont vraiment besoin.Préchargement des polices

8. Désactivation des Emojis WordPress – Désactivé

Cette option désactive le support qu’apporte WordPress aux emojis. Cela ne signifie pas que les emojis seront désactivés sur votre site, WordPress ne fait qu’apporter un support pour certaines polices, notamment
les jeux de caractères asiatiques.

Pour la grande majorité des sites, vous ne verrez aucune différence visuelle une fois le support désactivé et pouvez donc activer l’option sans crainte. Si vous rencontrez des soucis d’affichage de vos emojis (invisibles, trop gros, …), désactivez cette option.Désactivation des Emojis WordPress

9. Retrait des chaînes de requête de ressources statiques– Optionnel

Cette option retire la partie “?ver=XXX” des URLs de vos fichiers CSS et JS, ce qui permet de les mettre en cache plus facilement. Elle n’apporte pas de gain de performances notables et vous pouvez vous en passer si vous le souhaitez. Dans de très rares cas, avec des plugins incompatibles, elle peut entraîner des problèmes de mise en cache.Retrait des chaînes de requête de ressources statiques

Comme annoncé précédemment, chacune de ces options nécessite l’activation du cache de fichiers : lorsque ce dernier est créé pour une page, il appliquera chacune des options activées. Si le cache de fichiers est inactif, les options Front-End seront inutilisables tant que le cache ne sera pas réactivé.

Également, lorsque vous activez une nouvelle option, assurez-vous de vider le cache de fichiers en vous rendant dans l’onglet “Mise en cache” puis en cliquant sur le bouton “Vider le cache” à la ligne “Purge
Manuelle” afin que vos changements soient reflétés sur votre site.

Optimiser les médias de votre site avec LWS Optimize

Le second onglet traite des médias, plus particulièrement des images et du lazy loading.

1. Extension LWS Media Optimizer– Disponible prochainement

Cette option n’est pas encore disponible à l’heure où cet article est écrit mais nous vous conseillons vivement de vous y intéresser lorsqu’elle le sera. Il s’agira d’une extension permettant de convertir les images dans un format plus optimisé, tel que le webP ou AVIF, ainsi que de les optimiser.

En finalité, les images seront plus légères, sans perte de qualité, résultant en des performances fortement accrues : les images sont parmi les éléments les plus lourds qu’un site a à charger.Extension LWS Media Optimizer

2. Lazy Loading pour Images– Activé

Cette option active le chargement différé des images, c’est-à-dire que les images situées sous la ligne de flottaison, les images qui ne sont pas visibles à l’écran immédiatement au chargement, ne sont pas chargées. Elles ne seront chargées que lorsque nécessaire, diminuant le nombre de requêtes initiales et donc les temps de chargement.LazyLoading pour Images

3. LazyLoading pour Iframes et vidéos– Activé

Cette option fonctionne sur le même principe que pour les images, cette fois-ci pour les iframes et vidéos. Là encore, cela permet d’améliorer les temps de chargement, d’autant plus qu’une vidéo est généralement bien plus lourde qu’une image.LazyLoading pour Iframes et vidéos

4. Exclusions du lazy loading

La dernière ligne de cet onglet permet d’exclure des éléments du lazy loading. Vous pouvez choisir des classes CSS, des types (images gravatar, iframes, vidéos, …) ou encore des URLs liées à des éléments que vous souhaitez exclure de la minification. Pour cela, cliquez sur le bouton « Exclure des fichiers ».Activer le lazy loading sur WordPress avec LWS OptimizeVous pouvez maintenant exclure les fichiers pour lesquels vous ne souhaitez pas activer le chargement paresseux.Exclure les fichiers du lazy loading WordPressVous n’aurez plus qu’à enregistrer vos changements en cliquant sur le bouton. Avec cela, votre site devrait déjà être bien plus performant et optimisé qu’auparavant.

Si votre site utilise Cloudflare, vous devriez également activer l’intégration Cloudflare, dans l’onglet CDN, afin de prévenir de possibles incompatibilités avec le CDN.CDN Cloudflare/LWS Optimize

Optimiser la base de données de votre site avec LWS Optimize

Vous pourriez également, être intéressé par l’onglet « Base de données », vous proposant d’activer un cron, une tâche récurrente hebdomadaire, optimisant votre base de données en supprimant les données superflues s’amassant dans celle-ci. Pour activer les options d’optimisation de la base de données, ouvrez l’onglet « Base de données » puis cliquez sur le bouton « Gérer ».Gérer la base de données WordPress/LWS OptimizeEnsuite, voici une liste des optimisations et une explication de leur fonctionnement :Options d'optimisation de la base de données/LWS Optimize

1. Optimisation de la Base de Données pour les Tables MyISAM

Comme son nom l’indique, cette option n’est efficace que si votre base de données utilise ce moteur. Le moteur le plus courant pour WordPress étant InnoDB, il y a de grandes chances que vous n’ayez pas besoin de cette optimisation.

Si toutefois votre moteur correspond, activer cette option lancera une optimisation de vos tables toutes les semaines, ce qui améliorera le temps de traitement des requêtes qui leur sont faites.

2. Supprimer tous les brouillons de posts et pages créés automatiquement

Lorsque vous écrivez un article ou une page, ceux-ci sont sauvegardés en base de données en tant que brouillons afin que vous ne perdiez pas vos changements en cas de problème. Également, vous avez la possibilité d’en créer vous-même pendant l’édition de votre page.

Bien que très utile, cette fonction ne supprime pas automatiquement les brouillons une fois l’article publié, résultant en une accumulation de brouillons, alourdissant la base de données. Si vous créez et/ou modifiez de nombreuses pages ou articles par jour, activer cette option peut vous faire gagner beaucoup de place, cette dernière supprimant tous les brouillons chaque semaine.

Dans le cas contraire, si vous n’actualisez pas souvent votre site, cette option aura un effet limité, bien que présent.

3. Supprimer toutes les révisions de pages et posts

Similairement aux brouillons, les révisions sont créées lorsque vous modifiez une page, afin d’en garder une copie au cas où vous souhaitez annuler vos modifications. Tout comme les brouillons, elles ne sont jamais supprimées de la base de données, finissant par prendre énormément de place. Cette option permet de supprimer toutes les révisions chaque semaine.

4. Supprimer tous les posts et pages dans la Corbeille

Les articles supprimés restent en base de données et prennent de la place inutilement. Cette option les supprimera toutes les semaines pour vous.

5. Supprimer tous les commentaires marqués comme Spam

Dès lors qu’un site attire un peu de public, les commentaires spams ne sont pas très loin. Si vous ne souhaitez pas vous préoccuper de ces commentaires, activez cette option afin de les supprimer automatiquement toutes les semaines.

6. Supprimer tous les commentaires dans la Corbeille

Tout comme les brouillons et autres révisions, les commentaires ne se suppriment jamais automatiquement, ce que vise à corriger cette option, qui se chargera de vider la corbeille toutes les semaines.

7. Supprimer tous les Transients expirés

Les transients sont des données mises en cache que WordPress et ses plugins peuvent utiliser et créer pour stocker temporairement des données. En temps normal, les transients expirent et se suppriment automatiquement mais il arrive assez régulièrement qu’ils restent inutilement dans la base même après leur expiration. Avec cette option, supprimez-les toutes les semaines.

En outre sur cette page, vous avez également la possibilité d’installer et activer le plugin LWS Cleaner,
autre création de LWS, afin de nettoyer directement votre site des fichiers superflus.Installer et activer LWS Cleaner

Analyser les performances de votre site avec PageSpeed intégré dans LWS Optimize

Enfin, l’onglet « Test PageSpeed » vous permet de tester, par le biais de l’API PageSpeed Insight de Google, les performances de votre site afin de constater les améliorations apportées par le plugin.Analyser un site avec LWS OptimizeUne fois que votre site est scanné, voici à quoi peut ressembler le résultat :Scanner un site WordPress avec LWS Optimize

Conclusion

Vous avez désormais toutes les clés en main pour optimiser la vitesse de votre site WordPress et offrir à vos visiteurs une expérience utilisateur exceptionnelle. 🤗 Nous espérons que vous avez bien compris l’importance capitale de la vitesse de chargement des pages pour le référencement et l’expérience utilisateur.🚀👨‍💻

Pour résumer, vous avez appris à :

  • Maîtriser le plugin LWS Optimize pour améliorer les performances de votre site WordPress.
  • Configurer LWS Optimize de manière optimale pour la minification et la combinaison des fichiers CSS et JS, la gestion du cache et bien plus encore.
  • Évaluer l’impact du plugin en comparant les performances avant et après son installation.
  • Installer et pré-configurer LWS Optimize en fonction de vos besoins spécifiques.
  • Exploiter des fonctionnalités avancées telles que le lazy loading pour les médias et
    l’intégration avec Cloudflare.
  • Optimiser votre base de données WordPress avec des tâches automatisées hebdomadaires.

Grâce à ces optimisations, votre site WordPress devrait désormais se charger à la vitesse de l’éclair.⚡

Résultat :

  • Une expérience utilisateur fluide et agréable pour vos visiteurs.
  • Un boost significatif de votre référencement sur les moteurs de recherche.

N’oubliez pas : la mise en place de ces optimisations est un processus continu. Restez vigilant et continuez à améliorer les performances de votre site WordPress pour offrir la meilleure expérience possible à vos visiteurs.

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Merci d’avoir suivi ce guide jusqu’au bout ! N’hésitez pas à partager vos retours et vos questions en commentaire. Vos impressions sont précieuses et nous permettent d’améliorer continuellement nos services.

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.