WP Rocket – présentation et guide de configuration complet

Notre choix wp-rocket
9.9
WP Rocket – présentation et guide de configuration complet
WP Rocket – présentation et guide de configuration complet
Facilité d'utilisation
Efficacité
En Français

Il existe plusieurs plugins de mise en cache WordPress censés améliorer la rapidité de chargement votre site, mais tous ne se valent pas, loin de la !

Aujourd’hui, on vous présente WP Rocket, le plugin de mise en cache le plus populaire et le plus performant sur WordPress.

Pourquoi utiliser un plugin de cache ?

Si le contenu de votre site web est le facteur principal de son succès, sa rapidité de chargement est aussi un facteur très important à prendre en compte absolument.

Un site performant améliore l’expérience utilisateur ainsi que son classement sur Google. Quiconque souhaite réussir son site doit s’assurer qu’il se charge rapidement.

De multiples facteurs peuvent ralentir votre site WordPress, un thème mal construit, des scripts mal codés ou gourmands en ressources, du code CSS placé un peu partout, des plugins qui interfèrent mal avec votre thème ou rentrent en conflit avec d’autres plugins déjà installés, une base de données pas optimisée, etc.

Le meilleur moyen pour vous d’améliorer les performances de votre site WordPress est d’utiliser un plugin de cache.

Il existe une multitude de plugins de mise en cache sur WordPress, gratuits ou payants, mais il est primordial de faire son choix parmi ceux qui offrent un support et des fonctionnalités adaptées à vos besoins, car les problèmes en ce domaine peuvent vite arriver, pouvant aller jusqu’à mettre le chaos total sur votre site !

Voir aussi : L’importance de la mise en cache d’un site WordPress.

Présentation de Wp Rocket

Wp Rocket offre une interface conviviale et en francais, plus facile à utiliser que de nombreux autres plugins de mise en cache, il conviendra parfaitement aux débutants.

WP Rocket est bien plus qu’un plugin de mise en cache, il fournit un grand nombre d’optimisations, pour améliorer les performances de votre site, que la plupart des autres plugins de mise en cache ne proposent pas.

Nous reviendrons sur l’interface un peu plus tard, mais abordons tout d’abord certaines optimisations proposées par WP Rocket.

Mise en cache

Toutes les pages de votre site sont mises en cache pour améliorer ses performances et son référencement sur les moteurs de rechercher.

Préchargement du cache

Un robot conçu par WPRocket simule une visite sur votre site pour précharger le cache ce qui améliorera là aussi le référencement de votre site.

Préchargement avec sitemap

Précharge toutes les URLs de votre sitemap XML pour que l’intégralité de votre site soit en mis en cache rapidement.
Détection automatique les Sitemaps créés par les plugins Yoast SEO, All In One SEO et Jetpack.

Compression GZIP

Optimise le rendu des navigateurs Web et économise de la bande passante.

Cache navigateur

Met en cache navigateur tous les éléments statiques (CSS, JS et les images).
WpRocket ajoute automatiquement les directives nécessaires à votre serveur.

Optimisation de la base de données

Nettoie votre base de données pour supprimer toutes les données inutiles et réduit sa taille, améliorant ainsi la rapidité de votre site. Vous pouvez planifier des nettoyages réguliers pour la conserver propre.

Optimisation de Google Fonts

Supprime des requêtes http.

Suppression des paramètres des ressources statiques

Améliore votre note GT Metrix en supprimant les « query strings » des fichiers CSS/JS. Le « cache busting » est conservé en encodant le numéro de version dans l’URL.

Lazyload

Seules les images visibles sur une page sont chargées pour apparaitre au gré de la navigation.

Minification / Concaténation

Réduit la taille des fichiers html, JavaScript et CSS de votre site, ils se chargeront plus rapidement.

Chargement différé des fichiers JavaScipt

Les fichiers JavaScript ne sont chargés qu’après la fin du rendu de la page, ce qui améliore son chargement.

Report de l’exécution des fichiers JavaScript

Le report de l’exécution de JavaScript retarde le chargement des fichiers JavaScript et des scripts d’une page jusqu’à ce que le lecteur interagisse avec la page, comme par exemple en déplaçant la souris sur la page, en touchant l’écran tactile, en faisant défiler la page… Ce qui va améliorer très fortement les performances de chargement.

Compatibilité CloudFare

Intègre CloudFlare à votre site et vous permet de gérer son cache directement depuis le tableau de bord de WordPress.

Voir toutes les améliorations disponibles sur le site de WP Rocket.

Configurer correctement WP Rocket pour améliorer les performances de votre site WordPress

L'interface de WP Rocket

WP Rocket propose une interface soignée, facile d’utilisation et adaptée aux débutants. Pour chaque paramètre d’optimisation, vous trouvez une explication claire et en français de son utilité. A vous de choisir si vous la cochez ou pas selon vos besoins.

Aussitôt la fin de l’installation du plugin, vous accédez au tableau de bord de WP  Rocket.
C’est ici que vous allez pouvoir commencer à effectuer des actions de base, telles que : Vider ou Précharger le cache.

Vous y trouverez aussi votre numéro de licence et sa date d’expiration.

wp rocket test et avis complet

Sur la gauche de l’interface, vous trouverez une barre latérale contenant tous les paramètres d’optimisation proposés par WP rocket .

wp rocket interface
wp rocket interface

L’onglet cache

WP Rocket lance la mise en cache votre site WordPress des son activation, néanmoins le plugin propose quelques options supplémentaires que vous pouvez activez si vous le souhaitez.

wp rocket cache
Activez la mise en cache pour les appareils mobiles. Activer

Vous devez l’activer sauf si votre site web n’est pas responsive, c’est-à-dire qu’il ne s’adapte pas automatiquement aux écrans plus petits.

Créer un fichier de cache à part pour les mobiles. Désactiver.

Quand cette option est activée, WP Rocket crée un fichier de cache dédié aux mobiles. En conséquence, WP Rocket fournira un fichier de cache différent pour les smartphones, pour les tablettes ou pour les ordinateurs de bureau.

Cache utilisateur.

Activez cette option si vous avez un site avec une partie réservée. WP Rocket créera un cache distinct pour les utilisateurs connectés, ce qui est parfait si vous avez limité une partie de votre contenu aux utilisateurs qui se sont inscrits.
Si vous n’avez pas d’utilisateurs enregistrés sur votre site, je vous recommande de le laisser désactivé.

Délai de nettoyage du cache

Vous pouvez choisir la durée de vie du cache, autrement dit la durée pendant laquelle WP Rocket stocke une version d’une page mise en cache avant de la supprimer. Par défaut, elle est de 10 heures, mais vous pouvez la rallonger ou la raccourcir en fonction de vos besoins.

Par exemple, si votre site ne change pratiquement jamais, vous pouvez indiquer à WP Rocket de stocker plus longtemps les fichiers mis en cache.

Optimisation des fichiers CSS et JavaScript

Ici, vous allez pouvoir régler les paramètres plus importants du plugin. 

Je vous conseille de tester les fonctionnalités une par une pour vérifier qu’aucune d’entre elle n’occasionne. Si un problème apparait, il vous suffit de décocher l’option qui pose problème pour que tout redevienne à la normale.

Optimisation des fichiers
Optimisation des fichiers css wp rocket
Minifier les fichiers CSS – Activer.

Réduit la taille des fichiers CSS en supprimant les espaces et les commentaires.

Combiner les fichiers CSS – désactiver.

Condense tous vos fichiers CSS en un seul fichier, et réduit le nombre de requêtes HTTP. N’activez pas cette option si votre site utilise le HTTP/2. Si vous ne savez pas si votre site utilise le HTTP/2, vous pouvez le vérifier en cliquant sur ce lien Keycdn.

À noter que cette option est désactivée lorsque l’option Supprimer les ressources CSS inutilisées est activée (voir ci-dessous).

Optimiser le chargement du CSS – Activer.

L’optimisation du Chargement CSS va permettre de :

  • Réduire le code et donc taille globale d’une page.
  • Réduire du nombre de feuilles de style CSS à charger (moins de requêtes HTTP).
  • Réduire le temps de chargement des pages.
  • Éliminez les ressources CSS qui bloquent le rendu.
  • Améliorer les Core Web Vitals (l’expérience utilisateur mis en place par Google pour classer les sites sur son moteur de recherche).

Parmi les deux méthodes proposées, je vous conseille d’utiliser Supprimer les CSS inutilisés.

Minifier les fichiers JavaScript – Activer.

Selon le même principe que pour les fichiers CSS, cette fonctionnalité supprime les espaces et les commentaires afin de réduire la taille des fichiers JavaScript.

Combiner les fichiers JavaScript – Désactiver.

Là encore, il est probable que votre site utilise le HTTP/2, auquel cas, vous ne devez pas cocher cette option.

Charger le JavaScript en différé – Activé.

Pour améliorer les performances d’une page, WP Rocket va différer le chargement des fichiers JavaScript en les plaçant en bas de page pour qu’ils ne bloquent pas le chargement des autres ressources.

Cette option est très utile pour améliorer la recommandation de Google PageSpeed Insight : « Supprimez les ressources JavaScript qui bloquent l’affichage » ou  “Remove render-blocking JavaScript”.

Reporter l’exécution du JavaScript – Activer.

C’est la fonctionnalité la plus puissante propose par WP Rocket. Elle consiste à reporter l’exécution des fichiers JavaScript jusqu’au moment où le lecteur interagit avec la page, par exemple lorsqu’il déplace la souris, fait défiler la page, touche l’écran, etc.

En plus d’améliorer les Core Web Vitals de Google tel que Total blocking time, Time to Interactive, First contentful paint. Le report de l’exécution de JavaScript apporte une solution aux recommandations suivantes de Google PageSpeed Insight :

  • Supprimez les ressources JavaScript inutilisés.
  • Minimiser le travail du fil principal.
  • Réduire le temps d’exécution du JavaScript.

Attention ! Fichiers Javascript exclus

Certains thèmes ou plugins, comme le constructeur de page Elementor ou le thème Divi, comportent des fichiers JavaScript que vous ne devez pas reporter sous peine d’occasionner des bugs d’affichage.

WP Rocket, une liste de ces thèmes et plugins accompagnée du code à copier-coller dans le champ ci-dessous. WP Rocket thèmes et plugins : fichier à exclure du report de l’exécution du JavaScript.

WP Rocket reporter l'exécution des fichiers JavaScript

Média

L’onglet Média est l’endroit où vous pouvez activer le chargement différé « lazyload » pour votre site Web –Activer toutes les fonctionnalités.

Ces options permettent de s’assurer que les images, les vidéos et tous les médias intégrés ne sont chargés que lorsque cela est nécessaire, c’est-à-dire lorsqu’ils apparaissent quand le visiteur commence à faire défiler la page. Cela peut réduire considérablement le nombre de demandes adressées à votre serveur et améliorer le temps de chargement initial de vos pages.

De plus, vous pouvez choisir de rajouter automatiquement les dimensions des images quand elles ne sont pas déjà spécifiées.

Lazyload wp rocket

Préchargement

C’est ici que vous pouvez activer le préchargement du cache.

Activer le préchargement – Activer.
  • Votre page d’accueil et tous les liens y figurant seront préchargés comme suit :
    • Lorsque vous enregistrez des modifications apportées aux paramètres de WP Rocket (car le cache est effacé)
    • Lorsque la durée de vie du cache expire
    • Lorsque vous cliquez sur le lien Précharger le cache dans le tableau de bord de WP Rocket.
Activer le préchargement du Sitemap – Activer.

Permets de charger le Sitemap plus rapidement. De plus, WP Rocket détecte automatiquement les Sitemaps crée avec les principaux plugins de référencement.

Préchargement des liens – Activer (si vous avez des liens internes sur votre page).

Le préchargement des liens fait en sorte que lorsqu’un de vos lecteurs survole un lien pendant 100ms ou plus, le code HTML de cette page se télécharge en arrière-plan.  Cela permet d’améliorer le temps de chargement perçu des pages pour un lecteur naviguant sur votre site.

Préchargement des requêtes DNS –Activer.

Les ressources externes sont des ressources chargées depuis des sites tiers (par exemple Google, Facebook, Instagram…). Le préchargement des requêtes DNS indique au navigateur de charger les ressources avant qu’elles ne soient nécessaires à l’affichage du contenu, de sorte qu’elles soient déjà chargées au moment où la ressource est demandé.

Pour précharger une requête DNS, vous devrez l’adresse du domaine sur lequel le fichier est hébergé en supprimant le HTTP ou HTTPS.

Exemple, remplacer:
https://fonts.googleapis.com/css?family=Roboto:900%2C400%2C500%2C300%7CRaleway:700%2C300%7COpen+Sans:300%2C800,
par
//fonts.googleapis.com

Préchargement des polices – Désactiver.

Le préchargement des polices est à tester, mais n’apporte souvent pas grand-chose, notamment pour les polices de Google Fonts.

prechargement des pages avec wp rocket
prechargement des pages avec wp rocket

Règles avancées

Cet onglet vous permet d’exclure certaines pages de votre cache. Vous pouvez également exclure certains cookies ou user-agents.

Par exemple, vous pouvez empêcher Googlebot d’accéder au cache afin de toujours afficher la version la plus récente de votre site.

wp rocket règles avancées

Optimiser et nettoyer la base de données

Ici, vous allez pouvoir :

  • Réduire / optimiser vos tables de la base de données.
  • Supprimer les transients (ce sont des options temporaires donc la suppression ne comporte aucun risque et qui seront automatiquement régénérées si vos plugins en ont besoin).
  • Supprimer les Spams et les commentaires mis à la corbeille.
  • Supprimer automatiquement les révisions et les brouillons (n’utilisez pas cette option si vous souhaitez les conserver).
  • Planifier le nettoyage automatique de votre base de données selon une fréquence journalière / hebdomadaire / mensuelle.
wp rocket nettoyer bdd
wp rocket nettoyer bdd

CDN

 WP Rocket est compatible avec la plupart des fournisseurs de CDN, y compris MaxCDN, Amazon Cloudfront, Key CDN.

Toutes les URLs de vos fichiers statiques (CSS, JS, images) seront ré-écrites avec le CNAME fourni. Il vous suffit d’entrer le CNAME qui vous est donné par votre fournisseur CDN.

Vous avez aussi la possibilité d’exclure des fichiers du CDN.

wp rocket cdn

Heartbeat

L’API WordPress Heartbeat fournit une connexion permettant le transfert et la synchronisation de données en temps réel entre le serveur et le navigateur. 

Voici des exemples d’utilisation de l’API Heartbeat :

  • Enregistrement automatique des révisions dans l’éditeur de publication.
  • Notifications dans le panel d’administration de WordPress
  • Informations de verrouillage d’un article lorsqu’un autre éditeur travaille dessus.
  • Données en temps réel affichées dans le tableau de bord de WordPress par des plugins (e-commerce).

En activant d’abord l’option Contrôler Heartbeat, vous pouvez choisir de Réduire l’activité, de la Désactiver ou de Ne pas la limiter.
Lorsque vous choisissez de Réduire l’activité, les intervalles passent d’un tick par minute à un tick toutes les 2 minutes.

Notez que la désactivation complète de l’API Heartbeat pourrait affecter les fonctionnalités des plug-ins et des thèmes qui en dépendent.

wp rocket hearbeat

Les Add-Ons inclus avec WP Rocket

L’onglet Add-ons contient plusieurs add-ons différents pour :

  • Google Analytics
  • Facebook Pixel
  • Vernis
  • Cloudflare
  • Sucuri

Les add-ons Google Analytics et Facebook Pixel vous permettent d’héberger des scripts de suivi localement.

Le module complémentaire Varnish vous permet de purger le cache Varnish chaque fois que vous purgez le cache WP Rocket.

Le complément Sucuri fait la même chose pour le cache de Sucuri.

Enfin, l’add-on Cloudflare vous permet de synchroniser le cache Cloudflare et de contrôler certains paramètres Cloudflare directement à partir de votre tableau de bord WordPress.

Vous n’avez qu’à cliquer sur « on » pour activer les options de votre choix.

wp rocket add-on
wp rocket add-on

Optimisation des images avec Imagify

WP rocket vous invite à installer imagify, un plugin gratuit qui vous permet de compresser vos images et reduire leur temps de chargement.
wp rocket imagify

La section Outils

C’est dans cette section que vous allez pouvoir exporter ou d’importer vos réglages très facilement ce qui est extrêmement utile si vous avez plusieurs sites et souhaitez utiliser les mêmes paramètres pour chacun d’entre eux.

Enfin, vous pouvez revenir à la version précédente de WP Rocket au cas où la mise à jour du plugin ne vous satisferait pas.

wp rocket outils

Documentation et support

WP Rocket  offre une documentation très détaillée qui couvre parfaitement tous ses aspects, avec des tutoriels accompagnés de vidéos et d’illustrations et une prise en main étape par étape.

De plus, vous pouvez contacter par tchat pour rentrer en relation directe avec le support technique.

wp rocket support et documentation

Combien coûte WP Rocket ?

WP Rocket commence à 49$ pour 1 site.

Au total, il existe trois plans de tarification différents. La seule différence entre les forfaits est le nombre de sites pris en charge.

Il n’existe aucune limitation de fonctionnalités.

WP ROCKET PRIX

Notre avis final sur WP Rocket

Il existe un grand nombre de plugins de mise en cache sur WordPress, certains gratuits, d’autres payants. L’inconvénient est que ces logiciels sont généralement difficiles à configurer et nécessitent souvent des connaissances techniques approfondies pour pouvoir être réglés à la perfection.

De plus, il vous faudra parfois utiliser plusieurs plugins différents pour obtenir le même éventail d’options que ceux proposé par WP Rocket.

WP Rocket, quant à lui, fournit une interface utilisateur simple à utiliser, intuitive, où tout est bien expliqué au sein même de l’interface, cela réduira considérablement le risque de casser votre site à cause d’un mauvais paramétrage.

A noter que les concepteurs du plugin fournissent également une excellente documentation sur leur site Web et si jamais cela ne suffisait pas le support technique est là pour vous aider.
Précisons que l’interface tout comme la documentation est traduite en français.

WP Rocket est mis à jour environ 2-3 fois par mois pour éliminer les bugs et améliorer ses performances. Cela vous garantira également une complète compatibilité avec les versions récentes de WordPress.

Par conséquent, si vous recherchez une solution de mise en cache sophistiquée, facile à utiliser, esthétique et capable d’accélérer votre site Web le tout sans risquer de voir votre site se détériorer, WP Rocket est le meilleur choix possible.

9.9 Total Score
WP Rocket

Rapport qualité-prix
9.8
Facilité d’utilisation
10
Efficacité
9.9
Fonctionnalités
9.7
POUR
  • Facilité d’utilisation
  • Efficacité
  • En Français
CONTRE
  • Pas de version gratuite
Nous serions ravis de connaître votre avis

Laisser un commentaire

error: Contenu protégé - DMCA
globalwordpress
Logo