Le Blog du Studio

Revenir vers le blog

Retrouvez ici nos articles inédits pouvant traiter de l'actualité, des innovations, de la methodologie et surtout de la technologie.

Optimiser son site WordPress et son SEO gratuitement

Se positionner sur la première page de Google et autres moteurs de recherches sur des mots clefs pertinents est aujourd'hui le meilleur moyen d'obtenir du trafic durablement.

Si vous avez encore du mal à appréhender le concept du SEO, je vous invite à consulter tout d'abord notre article à ce sujet.

Dans cet article nous nous concentrerons sur notre coeur de métier, la technique, et plus particulièrement sur l'optimisation du temps de chargement d'un site WordPress, ayant un réel impact sur le référencement.

Après de multiples essais, comparaison de modules, nous avons pu dresser une liste de modules gratuits permettant d'optimiser efficacement son site WordPress.
A noter qu'il existe souvent des alternatives, mais nous avons sélectionné ces modules pour leur simplicité, leur efficacité et leur compatibilité.

1. W3 Total cache

W3 Total cache est un module très complet, permettant notamment de mettre en cache vos pages, vos base de donnée, pour accélérer le temps de chargement de votre site web.
Prenez conscience que les modifications apportées à votre site nécessiterons donc de vider manuellement votre cache via le plugin pour apparaître.
Ce module permet également d'effectuer une minification de vos fichiers js et css, mais n'est pas complet, c'est pourquoi nous préférerons FVM pour effectuer cette tache.

2. Fast Velocity Minify (FVM pour les intimes)

Ce module permet principalement de :

  • "Minifier" tous vos fichiers js, css et html

  • "Merger" vos scripts js entre eux, et vos feuilles css entre elles

  • "Defer" vos scripts js

Pour en savoir plus sur ces trois concepts, n'hésitez pas consulter notre article : Pour un bon SEO : minify, merge, async, defer, lazyload

En résumé :

  • Minification : vos fichiers css, js, et html seront allégés au maximum

  • Merge : les fichiers js et css seront respectivement rassemblés en un minimum de fichier

  • Vos fichiers css et/ou js seront traités après l'affichage de la page

Ces optimisations sont essentielles, et vous permettront de constater une veritable différence sur votre temps de chargement, et d'augmenter drastiquement vos scores sur GTMetrix, Pingdom ou PageSpeed Insights.

A noter que l'intégration de vos fichiers via un CDN est une option très pratique du module.

Pour consulter nos recommandations pour la mise en place de ce module, c'est par ici.


3. EWWW Image Optimizer

Ce module va vous permettre de générer des images au format webp, beaucoup plus légers que le jpeg ou le png, et de les redimensionner sous plusieurs tailles, pour ne pas afficher une image plus grosse (et donc plus lourde) que nécessaire.

Vous pourrez à la fois utiliser l'outil d'optimisation de masse pour optimiser toutes vos images existantes, mais aussi activer l'option d'optimisation automatique pour vos nouveaux imports d'images.

L'utilisation d'un CDN est également possible très simplement via les settings du module.

A noter : pour que l'option de conversion vers webp soit disponible, il faudra que votre serveur possède l'outil de conversion cwebp.
Il vous faudra donc un accès ssh vous permettant d'installer ce package s'il n'est pas déjà présent.
Cela sera probablement impossible sur une offre basique d'hébergement basique type OVH par exemple.


4. a3 Lazy Load

C'est le module le plus simple d'utilisation que vous pourrez trouver pour le lazy loading d'image.

Cela consiste à afficher l'image uniquement lorsqu'elle elle doit être visible par l'utilisateur.
Une image en bas d'une page, pas encore visible par l'utilisateur, sera téléchargée par le navigateur uniquement lorsque celui-ci aura assez scrollé pour s'en approcher.

Ce mécanisme va donc soulager considérablement le navigateur et provoquer une nette amélioration de votre temps de chargement si vos pages contiennent beaucoup d'images.


5. Yoast SEO

Yoast un est grand classique, vous permettant de rédiger facilement et efficacement vos métas-descriptions et de garder le contrôle sur votre sitemap.
C'est pour nous le module le plus pratique du marché pour remplir ces tâches.

Nous n'irons pas plus dans le détail concernant ce module étant donné qu'il existe déjà une multitude de tutoriels sur la toile.

Conclusion:

WordPress propose une multitude de modules gratuits, mais peu sont correctement développés, et permettent une bonne compatibilité.

FVM, par exemple, pourra sembler être "cassé" si vous avez installé des modules ne respectant par les normes de code sous WordPress.

Essayez donc de limiter vos modules pour ne garder que les meilleurs, suivis par une communauté conséquente, et pensez à désactiver chacun de vos modules un par un lorsque vous avez un soucis pour comprendre lequel pose réellement problème.

À vos WordPress !

Contactez-nous

Vous souhaitez en savoir plus ?
Nous demander une estimation pour la réalisation de votre projet ?

On board