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