Copyright 2020 TJ Design. All Rights Reserved.

Améliorer son score PageSpeed Insights avec WordPress

Améliorer son score PageSpeed Insights avec WordPress

Des étapes simple et à la porté de tous pour booster votre WordPress

Que vous ayez ou non des notions en SEO (Search Engine Optimization) vous devez prendre en compte la vitesse de votre site. Nous allons voir comment l’améliorer facilement et très rapidement pour parfaire votre expérience utilisateur et votre relation avec Google !

1. Optimiser vos images avec et sans plugin

Découvrez comment préparer une image sur le web gratuitement via cet article dédié Optimisez vos images et vidéos pour le web

2. Compression, minification et mise en cache

Installation et configuration du plugin

Sur WordPress pas besoin de se compliquer la tâche à diviser les problèmes que nous inflige Google ! Un plugin suffit pour booster de façon impressionnante votre CMS.

Nous allons utiliser le plugin W3 Total Cache ! A installer et activer d’urgence sur votre WordPress si vous n’avez pas déjà un plugin gérant cette partie.

Une fois installer, un onglet Performance est apparu dans la colonne de gauche de votre back office.

    • Cliquez sur Paramètres généraux dans l’onglet Performance.
    • Cochez Permuter tous les types de cache sur on ou off (en une fois).
    • Puis enregistrer le résultat avec ce bouton à droite.

  • Le plugin a donc activer toutes ses fonctionnalités, il faudra cependant en désactiver manuellement certaines.

Laisser activer : | Mise en cache de page| Minifier | Mise en cache de base de données | Mise en cache objet | Mise en cache navigateur | Fragment Cache

Vous pouvez désactiver les fonctionnalités suivantes : Opcode Cache | CDN | Reverse Proxy | Monitoring. Ce sont des éléments précis qui ne sont pas gérables si vous ne disposez pas d’un service spécifique pour aller avec, ils ne sont pas vitales pour les performances de votre site et ne sont pas gratuites !

Vos fichiers sont maintenant compressés, et votre site web indique au navigateur comment gérer le cache !

Cette étape, même si elle fonctionne très bien, peut ne pas être validée par le Google PageSpeed tools. Il peut rester un où deux fichier (même s’ils ne sont pas utilisé à votre connaissance) qui reste non optimisé. Cependant votre score à du bien augmenter !

prolbème minify google

Problèmes persistants

La mise en cache peut rester un problème selon Google PageSpeed même si vous avez tout configurer correctement, cependant l’incidence sur le score est vraiment minime et cela ne vous empêche aucunement de dépasser les 90 ! Nous pourrons voir ce détail plus technique dans un autre tutorial, mais vous ne devez pas vous en inquiéter !


Éliminer les codes JavaScript et CSS qui bloquent l’affichage du contenu au-dessus de la ligne de flottaison

Rendez vous dans la partie minifier du menu.

minifier

Cochez les parties suivantes :

mniifier js et css

Vérifier plus bas sur la page si les minficateurs sont bien activer (normalement oui si vous avez suivi du début) .

Vous pouvez enregistrer et vider le cache avec le bouton à votre droite !

Réduire le temps de réponse du serveur

Sachez qu’il est difficile pour un gros site d’atteindre les 1,5 sec réglementaires de Google ! De plus la vitesse de votre site est plus importante pour l’expérience utilisateur que pour le référencement. On peut dire sans s’avancer qu’un site chargeant en moins de 5 secondes ne posera pas de problème pour l’utilisateur.

Si c’est important pour vous, je vous conseil l’usage d’un CDN, mais qui reste tout de fois payant !

Laisser un commentaire