Trouvez les meilleurs réglages pour votre site
Après avoir activé WP Rocket, les fonctionnalités automatiques et les réglages par défaut seront appliqués au site web, cependant, l'activation des optimisations supplémentaires vous aidera à tirer le meilleur parti de WP Rocket.
Vous pouvez utiliser cet article comme un guide général pour configurer ces optimisations supplémentaires de WP Rocket.
Pour vous assurer que vous utilisez les meilleurs réglages pour votre site, vous devez effectuer un test de vitesse avant de commencer la configuration, puis à nouveau 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.
Résoudre les problèmes
Vous pouvez résoudre les problèmes causés par les optimisations comme indiqué ci-dessous :
- Ajouter des exclusions ou lister des exceptions
- Vous pouvez exclure des éléments d'être manipulés par les différentes optimisations.
- Pour la plupart des fonctionnalités, cela peut être fait en utilisant les zones d'exclusion.
- C'est l'approche la plus courante, car elle permet aux optimisations de continuer à fonctionner sur le reste des éléments.
- Désactiver l'option problématique
- Vous pouvez également garder une optimisation désactivée pour les pages concernées en utilisant la barre latérale de WP Rocket. Cela serait utile si la fonctionnalité affecte seulement certaines pages, et que vous souhaitez maintenir l'optimisation sur le reste des pages.
- Dans certains cas, vous pourriez avoir besoin de garder une option désactivée pour l'ensemble du site. Ceci est recommandé s'il y a trop d'exclusions, trop de pages affectées, et si le bénéfice de performance n'est pas crucial pour la vitesse globale du site.
Vous trouverez plus de détails sur ces méthodes de dépannage dans les sections suivantes de cet article, ainsi que dans le reste de la documentation.
L'onglet Optimisation des fichiers
Cet onglet contient les optimisations de WP Rocket pour les ressources CSS et JavaScript. Voici les étapes recommandées à suivre dans cet onglet :
- Vous pouvez commencer par activer les fonctionnalités Minifier les fichiers CSS et Minifier les fichiers JavaScript, en suivant les meilleures pratiques.
Minifier les ressources est généralement une optimisation sûre, mais nous avons préparé ce guide en cas de problèmes. - Une fois que vous avez vérifié que tout s'est bien passé, vous pouvez activer la fonctionnalité Chargement différé des fichiers JavaScript.
Différer le JavaScript aura un impact plus important sur les performances JavaScript, permettant au navigateur d'améliorer le rendu du site.
Si vous rencontrez des problèmes, veuillez consulter notre guide. - Activez la fonctionnalité Reporter l'exécution de JavaScript, et vérifiez minutieusement votre site.
Reporter l'exécution du JavaScript est l'optimisation JavaScript la plus puissante de WP Rocket.
Et si vous constatez des problèmes, veuillez utiliser la section Exclusions en un clic dans la page des paramètres de votre plugin WP Rocket. Vous pouvez également consulter ce guide. - Enfin, vous devriez activer la fonctionnalité Supprimer les ressources CSS inutilisé sous l'option Optimiser le chargement du CSS.
Cette fonctionnalité est l'optimisation CSS la plus puissante, mais elle est asynchrone, c'est-à-dire qu'elle prend un certain temps avant que le CSS utilisé ne soit appliqué au site, en savoir plus.
Si vous remarquez que la fonctionnalité Supprimer les ressources CSS inutilisé perturbe un élément de mise en page, veuillez consulter cet article.
Dans les cas où la fonctionnalité Supprimer les ressources CSS inutilisé cause trop de problèmes, vous pouvez utiliser la fonctionnalité Chargement Asynchrone du CSS pour optimiser le chargement du CSS.
L'onglet Média
Cet onglet contient des options permettant d'optimiser le chargement des images et des iframes, et de définir les dimensions des images manquantes. Ici, vous devez :
- Activez la fonctionnalité LazyLoad.
Cela permettra de gagner du temps de chargement et des données, car les images seront affichées au fur et à mesure que les visiteurs feront défiler la page.
En cas de problèmes, vous devrez peut-être exclure certaines images du LazyLoad. Pour plus d'informations, veuillez consulter les liens ici. - Si les images sont OK, vous pouvez activer l'option LazyLoad pour les images background CSS.
- Si tout semble correct, vous pouvez activer la fonctionnalité LazyLoad pour les iframes et les vidéos ainsi que son sous-option Remplacer l'iframe YouTube par une image de prévisualisation.
- Enfin, vous pouvez activer la fonctionnalité Ajouter les dimensions manquantes des images pour éviter les décalages de mise en page lors du rendu de votre site.
Autres fonctionnalités et onglets
WP Rocket comprend plus de fonctionnalités dans les onglets décrits dans cet article, ainsi que dans d'autres onglets, tels que :
- L'onglet Règles avancées
- L'onglet Base de données
Les optimisations et règles supplémentaires dans ces onglets sont utilisées pour affiner WP Rocket.
Par exemple, les règles avancée la plus courante est Ne jamais mettre en cache ces URL(s), qui est utilisée avec les plugins de gestion de membres.
Cependant, dans la plupart des cas, si vous n'êtes pas sûr de leur utilisation, il est fort probable que vous n'en ayez pas besoin.
Configuration pour les gros sites web
Si vous possédez un gros site web, avec des milliers de pages ou de produits, vous pouvez également consulter notre article sur la configuration pour les gros sites web, où vous trouverez quelques conseils pour adapter les optimisations de WP Rocket aux ressources disponibles sur le serveur.
En cas de doute, veuillez contacter notre équipe de support.