Cache mobile : vue du bureau affichée pour les mobiles

Remarque : Depuis WP Rocket 2.8.11, si vous avez mis en place la configuration NGINX, vous n'avez rien Ă  faire.

Si votre site Web est hébergé sur un serveur NGINX et que vous activez l'option de cache mobile dédiée dans WP Rocket (Créer un fichier de mise en cache pour les visiteurs mobiles), vous pouvez constater les erreurs suivantes :

  • Lorsque vous accĂ©dez Ă  une page sur le bureau en premier, le cache de bureau sera ensuite servi sur les pĂ©riphĂ©riques mobiles tel quel - de manière incorrecte, alors que WP Rocket aurait dĂ» crĂ©er un fichier de cache mobile dĂ©diĂ© et le servir aux petits Ă©crans.
  • Lorsque vous accĂ©dez Ă  une page sur un mobile en premier, la version mobile sera mise en cache correctement et diffusĂ©e sur mobile plus tard, alors que sur votre bureau, vous verrez la version de bureau ensuite.

La cause de ce problème de comportement est que WP Rocket ne peut pas supprimer automatiquement les règles de réécriture spécifiques à l'activation de la détection mobile sur NGINX, comme cela se passerait normalement sur un serveur Apache.

Afin de résoudre ce problème, vous devrez modifier votre configuration NGINX.

Si vous utilisez  la configuration NGINX recommandĂ©e pour WP Rocket, vous pouvez simplement dĂ©finir la valeur de la ligne 23 de votre fichier de configuration sur 0 (mĂŞme si elle indique "Do not alter theses values") :

# Do not alter theses values # set $rocket_bypass 0;    # Should NGINX bypass WordPress and call cache file directly?

C'est essentiellement ce que WP Rocket fait pour Apache, juste traduit pour NGINX.

Conseil : vous pouvez utiliser  une simple extension Chrome pour dĂ©terminer si votre site est hĂ©bergĂ© ou non sur NGINX.

HTTP Headers Chrome Extension displaying header info