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 > 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 > Chargement Asynchrone 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 > Supprimer les ressources CSS inutilisées

Il s'agit d'une autre option avancée dont l'impact est considérable. Cela dépend vraiment de la façon dont votre site est construit. Après avoir activé cette option, l'outil de WP Rocket commencera à générer le CSS utilisé nécessaire au rendu de votre site web. L'objectif est de réduire la taille des CSS et des pages et de réduire le travail du fil principal. Supprimer les CSS inutilisés est l'option recommandée par rapport à Charger les CSS de manière asynchrone.
More info

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

Optimisation des fichiers > Reporter l'exécution JavaScript

Il s'agit d'une option avancée aussi. Elle permet d'améliorer votre score PageSpeed et d'accélérer le chargement initial de votre page. La fonction Retarder l'exécution de JavaScript retarde le chargement de tous les fichiers JavaScript et des scripts en ligne jusqu'à ce qu'il y ait une interaction de l'utilisateur, comme un déplacement de la souris, un contact avec l'écran, un défilement, etc. 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.