Quels plugins et thèmes WordPress peuvent accélérer votre site Web?

Recevez-vous sans cesse des rapports sur la vitesse des pages qui montrent que votre site pourrait être plus rapide ? C’est le cas pour tous ceux qui possèdent un site web. En analysant les scores de Google Pagespeed Insights pour les principaux éditeurs sur le Web, nous avons appris que le score moyen de vitesse mobile était inférieur à 24 sur 100.

wordpress website speed scores
Score de vitesse sur les sites WordPress populaires.

De plus, la majorité de ces sites utilisaient WordPress. Cela soulève la question, comment rendre un site WordPress plus rapide ?

L’un des plus grands avantages de l’exploitation d’un site WordPress est l’accès aux millions de plugins qui exploitent les connaissances collectives des développeurs du monde entier. Alors, quels plugins sont actuellement disponibles pour les éditeurs qui pourraient les aider avec la vitesse abyssale de leur site ? Et, quels thèmes et outils peuvent être utilisés pour augmenter la vitesse globale du site ?

Je vous en dis plus sur les plugins dans cet épisode d’Ezoic Explains ci-dessous – ou lisez la suite de cet article pour tous les détails.

Que savons-nous de WordPress et des scores de vitesse du site

Les sites Web WordPress sont parfaits pour les éditeurs parce qu’ils sont faciles à mettre en place, simples à gérer et donnent accès à un grand nombre de fonctionnalités avancées grâce à des plugins qui permettent aux webmasters de contourner le codage ou d’apprendre comment intégrer leur site à des ressources externes.

La conception modulaire de WordPress laisse également la porte ouverte à un certain nombre de défis potentiels liés à la vitesse du site.

Si vous n’avez pas une solide expérience en réseautage ou en développement, passer au peigne fin la complexité de ce qui ralentit un site peut être décourageant.

wordpress website speed

Sur WordPress, tous ces éléments peuvent potentiellement avoir un impact grave sur la vitesse de votre site:

    • Le thème que vous sélectionnez
    • Les plugins que vous utilisez
    • L’hébergement, l’utilisation d’un CDN, la mise en cache, et l’application des règles à votre cache
    • Comment vous gérez le code CSS et JS externe
    • Les ressources externes appelées en raison des intégrations avec votre site (outils de partage social, annonces, newsletters)

Ci-dessous, je vais passer en revue quelques détails sur les plugins qui peuvent accélérer votre site web, comment les configurer au mieux, comment mieux gérer les thèmes, et comment les éditeurs d’Ezoic peuvent s’assurer qu’ils utilisent la puissance de la plate-forme Ezoic pour rendre leurs sites plus rapides également.

Quels sont les thèmes WordPress les plus lents ?

Changer de thème WordPress peut être long et potentiellement négatif à l’expérience utilisateur (même si vous pensez que tout ce qui concerne le site « semble » aller mieux ). Ainsi, avant de sortir et de changer votre thème WordPress pour l’un des plus rapides listés ci-dessous, vous voudrez peut-être d’abord voir si le vôtre fait partie de la liste des thèmes « lents ».

slowest wordpress themes

Les thèmes connus pour être lents:

    • The7
    • ThemeX
    • Storefront
    • Karuna
    • Ixion
    • Pique
    • Rebalance
    • Lodestar
    • [Custom-built themes that were not designed with speed in mind]
    • [Thèmes personnalisés qui n’ont pas été conçus pour la vitesse]

La plupart d’entre eux ont en commun le fait qu’ils incluent beaucoup de composants supplémentaires intégrés. Souvent, ces extras sont pour rendre le site plus facile à construire sur le front-end ou pour inclure quelques fonctionnalités CSS étranges ou uniques.

Dans la plupart des cas, les problèmes de vitesse du site sur ces thèmes peuvent être presque totalement atténués si vous utilisez les meilleures pratiques concernant le chargement CSS et L’image WordPress servant avec certaines des autres informations ci-dessous.

En réalité, la différence entre un thème rapide et un thème lent n’est généralement pas très dramatique. La vitesse du site dépend plus de la façon dont le reste du site est configuré (comment la mise en cache, CSS & JS, et les ressources externes sont utilisées).

Quels sont les thèmes WordPress les plus rapides?

Tout comme indiqué ci-dessus, le simple fait de changer votre thème WordPress peut ne pas offrir d’avantages significatifs en termes de vitesse du site. Si vous avez d’autres problèmes majeurs qui affectent la vitesse du site, le thème peut ne pas être un facteur majeur dans la lenteur des scores de vitesse des pages.

grille wordpress fast theme

Certains des thèmes WordPress les plus connus et les plus rapides sont:

        • Skylar
        • Grille
        • Twenty « Fifteen », « Fourteen », etc. (default WP theme)
        • GeneratePress
        • Divi (when configured correctly)
        • OceanWP
        • Vlog

Il y en a probablement beaucoup d’autres qui obtiennent un score presque aussi élevé lorsqu’ils sont mis en œuvre avec un peu plus que du contenu et des images. Si vous ne voyez pas votre thème sur l’une ou l’autre des listes, il ne vaut peut-être pas la peine de changer de thème à moins que vous n’ayez réussi à gérer tout le reste du matériel ci-dessous, ou dans notre past posts about WordPress website speed.

Quels plugins peuvent être utilisés pour rendre un site web plus rapide ?

Il y a des tonnes de plugins dans l’écosystème de plugins WordPress qui vantent diverses fonctionnalités conçues pour rendre un site plus rapide. Malheureusement, certains d’entre eux ralentiront encore plus votre site s’ils ne sont pas implémentés correctement – ou pire encore – détruisent complètement votre site au niveau du front-end.

Ci-dessous, vous trouverez les plugins que j’ai commentés dans la vidéo plus haut. Je vous explique comment configurer chacun d’entre eux. Si vous êtes un utilisateur d’Ezoic, certains d’entre eux peuvent ne pas être entièrement compatibles avec votre configuration Ezoic. Cela dit, l’app Ezoic site speed peut prendre rendre tout cela beaucoup plus facile que la configuration de plugins (il ya de nouvelles fonctionnalités presque chaque semaine pour simplifier son fonctionnement).

best wordpress plugins for site speed

Ces plugins fonctionnent le mieux pour accélérer les sites WordPress:

        • Asset CleanUp Pro
        • WP-Rocket
        • WP Disable
        • ShortPixel

Il y a beaucoup d’autres plugins que vous pourriez utiliser. Ceux-ci vous permettent simplement d’éliminer et d’adresser certains des Opportunités les plus courantes présentées par Google Pagespeed Insights.

solve pagespeed insight score issues

Par exemple:

    • Déférer les CSS et Javascript inutilisés
    • Eliminer les ressources de blocage de rendu
    • Reporter les images hors de l’écran
    • Servez des images dans les formats de la nouvelle génération
    • Supprimer les CSS non utilisés
    • Coder efficacement les images
    • et plus encore…

Beaucoup de ces plugins ont un bon nombre de fonctionnalités et de capacités qui se chevauchent ; cependant, chacun fournit plusieurs fonctionnalités uniques qui donnent aux webmasters la possibilité d’ajuster manuellement la vitesse de leur site.

Malheureusement, le simple fait d’activer ces plugins ne résoudra pas les problèmes de vitesse de votre site . Nous devrons les utiliser correctement et chaque site aura des tolérances différentes pour ce qui peut être activé sur ces outils (ce qui signifie que certaines fonctionnalités de ces plugins peuvent provoquer un affichage incorrect de votre site).

Comment utiliser WP-Rocket pour rendre votre site plus rapide

wp-rocket and site speed

WP-Rocket est un plugin de mise en cache qui vous donne un très grand contrôle sur la mise en cache des sites Web, l’optimisation des fichiers et le chargement des médias. La plupart des possibilités d’améliorer la vitesse du site énumérées dans le rapport Pagespeed Insights peuvent souvent être corrigées grâce à de meilleures règles de mise en cache et de chargement des fichiers.

Dans ma vidéo en haut de page, je passe en revue une façon traditionnelle de configurer ce plugin. J’ai inclus un GIF ci-dessous qui passe en revue cette configuration qui pourrait vous aider. Mais, si vous voulez plus d’instructions pour faire fonctionner ce plugin pour vous, je vous recommande de regarder cette partie de ma vidéo.

make my website fast wordpress

La seule chose que j’ajouterai que je n’ai pas incluse dans la vidéo, c’est comment tirer parti du préchargement.

Votre site fera souvent des appels à des ressources externes (par exemple Facebook.com pour charger leur logo pour le widget de partage social). Le préchargement vous permet d’accélérer ce processus dans la plupart des cas.

L’un des points les plus faciles de préchargement est simplement de permettre à WP-Rocket de précharger des pages pour les visiteurs en fonction de votre sitemap. C’est très simple. Sous Préchargement, entrez simplement l’URL de votre sitemap. Il s’agit généralement de votresite.com/sitemap.xml. Yoast ou un autre plugin peut le créer pour vous.

Vous pouvez également utiliser l’outil phare de Google Chrome pour obtenir une liste des URL externes que vous devez mettre dans WP-Rockets Prefetch DNS Requests area sous Preloading.

find dns pre-fetch requests

Comment faire:

      1. Aller à votre site sur un navigateur Chrome
      2. Clic droit et sélectionnez Inspecter les éléments
      3. Sélectionner « audit » dans le menu supérieur
      4. Sélectionnez « Performance » et lancez l’audit
      5. Rechercher « preload key requests » et cliquer sur cette case
      6. Ne pas copier/coller ces URLs comme spécifié dans la partie pré-recherche de WP-Rocket

faster page load times in wordpress

WP-Rocket est compatible avec Ezoic.  Lorsqu’il est utilisé correctement avec l’intégration des serveurs de noms Ezoic et l’application de mise en cache d’Ezoic, les sites peuvent souvent constater des améliorations considérables de la vitesse du site.

Comment utiliser WP Disable pour rendre votre site Web plus rapide

wordpress plugins that make blog faster

WP Disable est un plugin qui semble dangereux. Et bien qu’il soit possible qu’il le soit, il utilise un langage très simple et de bonnes descriptions pour vous aider à mieux comprendre ses capacités. Dans la plupart des cas, les éditeurs WordPress ont un certain nombre de fichiers et de codes inutiles qui peuvent être éliminés du chargement des pages.

Cela aidera à la mise en œuvre des recommandations « render-block… » et « unused… » des mesures de vitesse sur site. Pour ce faire, il suffit d’utiliser les onglets surlignés ci-dessus dans l’outil. WP Disable nous donne quelques fonctionnalités qui peuvent nous permettre d’optimiser l’excès de code que les autres plugins ne le font pas.

Voici quelques images de ma configuration ci-dessous. Vous pouvez vous sentir libre de jouer avec les paramètres vous-même pour voir lesquels peuvent ou ne peuvent pas être adaptés à votre site.

J’apprécie vraiment la capacité des outils de me permettre de charger des polices externes lourdes de manière asynchrone et de gérer le chargement de toutes mes polices. Souvent, les polices de caractères sont un problème central avec la vitesse du site puisque la plupart des sites utilisent des polices Google ou d’autres polices externes. Ceux-ci peuvent devenir assez lourds et causer un ralentissement majeur du site.

site speed configuration
Cette configuration ne convient peut-être pas à tous les sites, mais optimiser un ensemble de fonctions pour améliorer le temps de chargement des polices est un grand avantage à utiliser ce plugin.

best plugin for site speed

WP Disable est compatible avec Ezoic, mais bientôt l’application de vitesse du site Ezoic pourrait avoir la possibilité de mieux configurer certaines de ces choses automatiquement.

Comment utiliser Asset CleanUp Pro pour rendre votre site Web plus rapide

.

plugin for website speed

Asset CleanUp Pro (ACP) offre de nombreuses fonctionnalités gratuitement, mais dans de nombreux cas, vous devrez payer le très petit montant dont ils ont besoin pour passer à leur version Premium. La version Premium offre simplement un contrôle plus granulaire des éléments de JS et CSS que vous voudrez peut-être mieux contrôler sur votre site.

Dans ACP, vous pouvez ignorer la plupart des paramètres principaux, ce sont des choses que nous pouvons mieux traiter avec les autres plugins. Le principal avantage d’AssetCleanUp est que nous pouvons identifier des fichiers spécifiques à partir de nos rapports Pagespeed Insights que nous pouvons vouloir traiter sur l’ensemble du site, ou seulement sur des pages spécifiques….

google pagespeed insights

Exemple de la façon d’utiliser Asset CleanUp:

      1. Exécuter un rapport Google Pagespeed Insights
      2. Cliquer pour ouvrir les résultats pour « Eliminer les ressources render-blocking » et « Supprimer les CSS non-utilisés ». Ceci vous donnera une liste de fichiers et d’URLs qui mènent à des temps de chargement plus longs
      3. Maintenant, allez à ACP dans votre tableau de bord WP
      4. Cliquer sur CSS & Javascript Load Manager en haut de la page
      5. Maintenant, vous pouvez naviguer vers des pages sur lesquelles vous pouvez désactiver certains fichiers.
      6. Lorsque vous ouvrez des pages ou des messages, vous aurez la possibilité de différer, d’asynchroniser ou de décharger des fichiers ou des plugins spécifiques sur des pages, des messages ou des URL uniques.
        • Dans mon exemple ci-dessous, j’utilise le widget de partage social et les plugins MailChimp comme fichiers qui bloquent le rendu et qui peuvent être facilement téléchargés sur n’importe quelle « page » de mon site WordPress. Les deux plugins ne sont nécessaires que sur mes articles, pas sur tout mon site. J’ai déchargé ces fichiers sur tous les types de pages sans nuire à mon site.

defer unused CSS

Chaque site devra être pointilleux sur les règles qu’ils établissent sur chaque dossier respectif. Le rapport de vitesse de page peut servir de guide, mais souvent vous ne pouvez pas supprimer ou reporter tous les fichiers qu’il énumère pour assurer le bon fonctionnement du site.

ACP offre un mode de test que vous pouvez utiliser pour vous assurer que votre site Web reste opérationnel pendant que vous faites des expériences.

Using ShortPixel to serve images in next-gen formats

J’ai expliqué en détail comment les sites Web WordPress peuvent facilement utiliser ShortPixel pour servir des images dans des formats nouvelle génération et compresser toutes leurs images dans un blog précédent.

Je recommande fortement de lire ce blog si vous voyez « Encoder efficacement les images » ou « Servir les images dans les formats next-gen » sur les rapports Pagespeed Insight.

Utiliser Ezoic pour simplifier la vitesse du site WordPress

L’application de vitesse du site d’Ezoic ajoute rapidement un certain nombre de fonctions et de fonctionnalités qui rendent beaucoup de ces plugins inutiles si vous êtes un éditeur Ezoic.

improve website speed

Actuellement, vous pouvez utiliser l’application de vitesse du site dans l’app store d’Ezoic pour:

      • Supprimer les CSS non utilisés
      • Optimiser l’affichage du CSS bloquant le rendu
      • Charger paresseusement ou différer le chargement de l’image pour les images hors écran

De nouvelles fonctionnalités qui vous permettent de faire des exceptions ont été ajoutées et simplifient la plupart de ce que j’ai montré ci-dessus en utilisant le plugin Asset CleanUp.

En fait, l’application Ezoic sera probablement beaucoup plus facile à utiliser et plus efficace que de le faire manuellement. Donc, si vous êtes un utilisateur d’Ezoic, vous pouvez ignorer la configuration du plugin ACP.

Comme mentionné ci-dessus, Ezoic (et l’application de mise en cache d’Ezoic) peut offrir de gros gains de vitesse si la mise en cache est coordonnée correctement avec vos plugins de mise en cache. Il est important de s’assurer que cela fonctionne correctement sur votre site. Si vous accédez à Big Data Analytics à partir de votre tableau de bord Ezoic, Site Speed et Ezoic Caching, vous pouvez voir si la mise en cache Ezoic fonctionne.

ezoic caching

Si la majorité d’entre eux sont « off » ou « miss », les règles sur le cache de votre site peuvent l’emporter sur certains des avantages d’Ezoic. Assurez-vous de ne pas avoir des périodes de mise en cache excessivement courtes activées sur votre site ou contactez support@ezoic.com si vous ne savez pas comment le configurer correctement.

Les sites Ezoic sont en moyenne plus rapides que les sites situés en haut

Lorsqu’il est configuré correctement, le site WordPress moyen d’Ezoic WordPress fonctionne généralement mieux que l’original et mieux que les sites listés en haut.

ezoic site speed

Rendre votre site Web WordPress rapide

En utilisant ces plugins et outils, vous devriez pouvoir rendre votre site plus rapide. Je recommande fortement ces blogs aussi bien si vous êtes dans la chasse pour rendre votre site Web rapide.

Enfin, si vous avez des questions sur la vitesse de votre site, veuillez les laisser ci-dessous. Je ferai de mon mieux pour vous conseiller.

Share via