Résoudre les problèmes avec l'optimisation des fichiers

Parfois, lorsque vous commencez à bidouiller les réglages de WP Rocket, vous pouvez remarquer des images manquantes ou d'autres problèmes d'affichage sur votre site. Ne vous inquiétez pas, ces problèmes ne sont pas permanents !

La vidéo suivante est intégralement sous-titrée en Français :

Le saviez-vous ? La plupart des problèmes d'affichage sont liés à l'un des réglages d'optimisation de WP Rocket, comme la minification des fichiers CSS/JavaScript, ou le LazyLoad.
La désactivation complète de WP Rocket n'est en général pas nécessaire.

Confirmer que WP Rocket est bien à l'origine du problème

Un moyen rapide de vérifier si les optimisations de fichiers sont à l'origine du problème consiste à charger la page non optimisée, en ajoutant la chaîne de requête ?nowprocket à n'importe quelle URL. Par exemple: exemple.fr/?nowprocket  

Si le problème persiste, cela signifie que les optimisations de fichiers n'en sont pas la cause. 

Si le problème est résolu en contournant WP Rocket, passez aux étapes suivantes.

Résolution des problèmes de base

L'objectif ici est d'identifier quelle option spécifique est à l'origine du problème. Si vous avez plusieurs problèmes d'affichage, vous devez effectuer cette vérification pour chaque problème. Il est important de traiter un seul problème à la fois.

1

Désactivez tout d'abord TOUTES les options supplémentaires de WP Rocket :

• Toutes les options dans Optimisation des fichiers tab
• LazyLoad dans l'onglet Media

2

Puis testez à nouveau votre site. Il est préférable d'ouvrir votre site dans une fenêtre de navigateur privée/incognito où vous n'êtes pas connecté en tant qu'utilisateur de WordPress.

3

Si le problème est résolu, vous pouvez réactiver les options. une par une, du haut vers le bas de la page, en testant à chaque fois pour déterminer quelle option a causé le problème.

Problèmes spécifiques aux mobiles
Lorsque la mise en cache mobile est activée, toutes les optimisations de fichiers et autres paramètres y seront appliqués. Gardez la mise en cache mobile activée tout en suivant les étapes de dépannage de base ci-dessus.
Si les optimisations de fichiers ne sont pas liées, vérifiez si votre site nécessite l'option “Créer un fichier de cache à part pour les mobiles” ?

Trouver une solution

Une fois que vous connaissez l'option qui pose problème, vous pouvez soit :

• Désactiver l'option pour l'ensemble du site
• Désactiver les options seulement sur la page où elles posent problème
• Consultez la liste ci-dessous pour trouver un guide spécifique qui vous aidera davantage.

Minifier / Combiner les fichiers CSS

• Résoudre les problèmes avec la Minification / Combinaison CSS

Chargement Asynchrone du CSS

• Problèmes de Critical CSS et FOUC
• Exclure des fichiers de l'option Chargement Asynchrone du CSS

Supprimer les ressources CSS inutilisées

• Comment exclure des fichiers de cette optimisation / conserver les règles CSS sélectionnées sur une page

Minifier / combiner les fichiers JavaScript

• Trouver les bons fichiers JS à exclure de la Minification

Chargement différé des fichiers JavaScript

• Trouver les bons fichiers JS à exclure
• Exclure des fichiers JavaScript du chargement différé

Reporter l’exécution du JavaScript

• Résoudre les problèmes liés à Reporter l’exécution JavaScript
• Reporter l’exécution du JavaScript
• Exclusions de compatibilité pour le report de l'exécution de JavaScript

LazyLoad

• Disable LazyLoad on specific images
• Disable LazyLoad on Specific Posts

Le problème est toujours là ?

Nous avons abordé ci-dessus les causes les plus courantes des problèmes. Mais si aucune des solutions ci-dessus ne résout le problème, les étapes suivantes seront les suivantes :

• Désactivez toutes les autres options et add-ons de WP Rocket :
• Ajouter les dimensions d'image manquantes (Onglet Media)
• Compatibilité avec WebP (Onglet Add-ons)
• CDN
• RocketCDN - si vous rencontrez un problème avec RocketCDN, décochez l'option Activer le Content Delivery Network dans l'onglet CDN pendant le dépannage. Ne résiliez pas l'abonnement tant que notre service de support n'a pas eu l'occasion de procéder au dépannage.
• Désactivez complètement WP Rocket et vérifiez si le problème se résout ou non. Si le problème est toujours présent lorsque WP Rocket est désactivé, la cause est ailleurs. Essayez de passer à un thème par défaut, puis de désactiver d'autres plugins pour trouver le conflit.

Contacter le support

Toujours pas de succès ? Envoyez-nous un message à partir de notre page de demande de support.

Veuillez être aussi précis que possible, inclure les URL où nous pouvons voir le problème, et décrire ce que vous vous attendiez à voir, et ce que vous avez vu à la place.