Mauvais affichage sur Mobile, Tablette ou sur Bureau
Si vous avez des soucis avec l’affichage de la version mobile affichée pour sur votre ordinateur, ou l'inverse, assurez-vous d’avoir bien coché l’option Créer un fichier de cache à part pour les mobiles. Elle se trouve dans l’onglet Cache des réglages de WP Rocket :
Désormais, pour chaque page et articles, vous aurez un fichier de cache qui sera servi aux utilisateurs sur ordinateur et un fichier séparé qui sera servi aux utilisateurs mobile.
Quel type d'appareil WP Rocket considère comme “mobile”?
Mise en cache pour mobile
Niveaux de mise en cache supplémentaires
Si vous utilisez d'autres niveaux de mise en cache sur votre site, telle que Varnish, NGINX, Cloudflare's Cache Everything etc., vous devez vous assurer que ces niveaux supplémentaires sont configurés pour distinguer les visiteurs mobiles des visiteurs de bureau.
Mauvais affichage pour les tablettes
La détection mobile de WP Rocket traite les tablettes comme les ordinateur de bureau, et non comme des mobiles.
Comme il ne peut y avoir deux versions du cache - ordinateur et mobile - si vous avez un affichage particulier dédié aux tablettes, ce ne sera pas possible d’avoir un fichier particulier pour ce type de vue.
À partir de WP Rocket 3.2, vous pouvez modifier ce comportement par défaut pour traiter les tablettes comme des mobiles avec ce plugincomplémentaire :
📥 Télécharger (.zip): WP Rocket | Set Tablets As Mobile
Développeurs : vous touverez le code de ce plugin sur GitHub.
Ce plugin peut être utile si votre thème ou un plugin utilise la fonction wp_is_mobile
, qui traite les tablettes comme des appareils mobiles.
Notez également que les sous-options Activer la mise en cache pour les appareils mobiles et Créer un fichier de cache à part pour les mobiles doivent être activées pour que ce petit plugin fonctionne.
Une solution alternative est d’exclure ces appareils du cache, sur la base du user agent.
Dans les Régles avancées de WP Rocket, localisez le champ Ne jamais mettre en cache ces User Agents et ajoutez cette liste (un par ligne) :
iPad NexusTablet SamsungTablet HPTablet AsusTablet BlackBerryTablet HTCtablet MotorolaTablet AcerTablet ToshibaTablet LGTablet FujitsuTablet LenovoTablet DellTablet SonyTablet PhilipsTablet HuaweiTablet