Trouvez les meilleurs réglages pour votre site

OK, vous avez activé WP Rocket. Et maintenant vous vous demandez : "Comment puis-je obtenir les meilleurs résultats pour mon site ?" 

Chaque site a un thème différent, un assortiment de différents plugins et un contenu différent. En conséquence, les paramètres varieront d'un site à l'autre. Dans cet article, vous verrez la façon la plus sûre d’expérimenter avec les réglages les plus couramment utilisés de WP Rocket. 

Le but est toujours de rendre votre site plus rapide. En outre, l'activation d'un plus grand nombre d'options ne veut pas toujours dire une meilleure rapidité. Ne vous inquiétez donc pas si vous n'êtes pas en mesure de tout activer. 

Pour vérifier si votre site est plus rapide, vous devriez utiliser un outil qui teste les temps de chargement. Veuillez consulter notre vidéo à ce sujet.

C'est une bonne idée de faire des tests de vitesse de référence avant de commencer la configuration, puis de recommencer après. 

Les bonnes pratiques de configuration

lorsque vous testez les options de WP Rocket, suivez le processus suivant :

  • Activez les options une par une, pas toutes en même temps.
  • Après chaque option activée, vérifiez votre site dans une fenêtre de navigateur où vous n'êtes pas connecté à WordPress. Une fenêtre incognito/privée fera l’affaire également. En faisant ça, vous serez en mesure de voir immédiatement si la dernière option activée cause un problème. 
  • Vérifiez quelques types de pages de votre site. Si quelque chose ne va pas, ne paniquez pas ! Désactivez la dernière option que vous avez activée et votre site reviendra à la normale. 

Le saviez-vous ? 
Après avoir activé une option, il n'est pas nécessaire de vider le cache. Nous nous en occuperons pour vous.

Débuter avec la configuration

Média > LazyLoad

Nous vous recommandons d'activer le LazyLoad, car il aide à réduire l'impact négatif des images sur les performances, en ne les chargeant que lorsque le visiteur fait défiler la page et a vraiment besoin de les voir. Vous pouvez en savoir plus à ce sujet sur notre blog.

Cache > Mobile

Si vous avez un thème responsive, nous vous recommandons également d'activer le Cache Mobile pour appliquer également toutes les optimisations pour les utilisations mobiles. 

Optimisation des fichiers > Réglages de base

Dans la plupart des cas, vous pouvez activer les options Minifier le HTML, Supprimer les query strings des ressources statiques et Combiner les Google Fonts. Vous ne verrez pas d'impact énorme sur le temps de chargement, mais elles sont considérées comme de bonnes pratiques.

Optimisation des fichiers > Minifier/Combiner les fichiers CSS/JS 

Minifier vos fichiers CSS et Javascript pour supprimer les blancs et les commentaires est une bonne pratique pour réduire leurs tailles. Il peut améliorer votre "score de performance", mais ça n'a pas toujours beaucoup d'impact sur votre temps de chargement.

L'option Combiner les fichiers CSS prend tous les fichiers CSS de votre site et les combine en un seul fichier. Donc si vous aviez 10 fichiers CSS avant, vous en avez désormais 1 seul.

Combiner les fichiers JS combinera quant à elle tous vos fichiers JavaScript, incluant les scripts inline, puis chargera ce fichier combiné au bas de votre page, évitant ainsi de bloquer le rendu de la page.

Maintenant, la combinaison des fichiers peut améliorer votre score, mais pas forcément sa vitesse. C'est particulièrement vrai si votre site utilise HTTP/2. Il est donc très important de vérifier la vitesse avec et sans les options de combinaison pour trouver la bonne configuration. Si vous n'êtes pas sûr si votre site utilise HTTP/2, vous pouvez utiliser un outil en ligne pour vérifier ou demander à votre hébergeur. Il est également possible que votre CDN supporte le HTTP/2, même si votre propre serveur ne le supporte pas. 

Optimisation des fichiers > Optimiser le chargement du CSS

Il s'agit d'une option avancée qui peut ne pas convenir à tous les sites. Cela dépendra vraiment de la façon dont votre site est construit. Lorsque vous activez cette option, notre outil externe visitera chaque type de page de votre site et générera le Critical Path CSS. Cela aidera à la perception du temps de chargement de votre site. Plus d'infos

Optimisation des fichiers > Chargement différé des fichiers JS

Le chargement différé du JavaScript garantit qu'il ne bloquera pas votre page au fur et à mesure qu'elle est rendue. Le "Mode Sécurisé" fait en sorte que le fichier jQuery principal ne soit pas différé. De nombreux plugins s'appuyant sur jQuery, certaines fonctions de votre site risquent de ne pas fonctionner si il est différé. Si vous décochez cette option, vérifiez précautionneusement votre site. Assurez-vous que tous les éléments interactifs de votre site - comme votre curseur ou votre menu - fonctionnent correctement après avoir activé ces options JavaScript. Plus d'infos

Si vous rencontrez des problèmes après avoir activé une de ces options, vous pourrez peut-être la résoudre en excluant simplement certains fichiers. 

Cela a-t-il répondu à votre question ? Merci pour votre retour :) Une erreur est survenue lors de l’envoi de votre retour. Veuillez réessayer plus tard.