Mise en Cache pour Mobile

Dans cet article

Que signifie “mobile” pour WP Rocket ?

Habituellement, on utilise le terme “mobile” pour les smartphones, les tablettes, et toutes les tailles d'écrans relatives à ces formats. WP Rocket, toutefois, utilisera le terme “mobile” pour les smartphones uniquement. Les tablettes ne seront donc pas considérées comme “mobile” dans le contexte de la mise en cache. Les téléphones mobiles sont détectés par des  User-Agents.

Seuls les smartphones, et non les tablettes, sont considérés comme “mobile” par WP Rocket.
🛠   Si vous êtes en panne, jetez un oeil sur wp-rocket/inc/classes/dependencies/mobiledetect/mobiledetectlib/Mobile_Detect.php vers la ligne #360 pour la liste complète des user agents que WP Rocket détectera.

Considérer les tablettes comme "mobile"

À 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. Plus d'informations sur ces options ci-dessous.

Devrais-je activer la mise en cache pour les appareils mobiles ?

Oui, en règle générale, vous devez activer la mise en cache pour les smartphones.

N'activez pas la mise en cache mobile si votre site web n'est pas responsive, c'est-à-dire qu'il ne s'adapte pas automatiquement aux écrans plus petits.

Note : Si l'option de mise en cache pour mobile n'est pas activée, WP Rocket ne servira aucune donnée mise en cache aux mobiles. Les visiteurs qui consulteront votre site web via leur smartphone recevront les pages (plus lentement) directement depuis la base de donnée WordPress.

Que signifie “Créer un fichier de cache à part pour les mobiles” ?

Quand cette option est activée, WP Rocket créera un fichier de cache dédié aux mobiles pour chaque document à mettre en cache. En conséquence, WP Rocket servira un fichier de cache entièrement différent pour les smartphones, pour les tablettes ou pour les ordinateurs de bureau.

Cela peut être utile, voire nécessaire au cas où votre site fournirait uniquement des fonctionnalités pour les appareils mobiles, comme une barre d'outils de navigation supplémentaire, chargée via JavaScript. Si WP Rocket ne créait pas de fichier dédié à cette version, ces fonctionnalités mobiles pourraient être mises en cache et être visibles sur les ordinateurs de bureau, ou inversement : la version de bureau serait mise en cache et servie aux mobiles. Les fonctionnalités mobiles seraient alors invisibles.

Si vous utilisez l'une des extensions suivantes, l'option sera activée par défaut (et la coche sera grisée) :

Note : Les fichiers de cache dédiés aux mobiles ont été introduits dans WP Rocket 2.7. Si vous utilisez une version précédente et l'un des plugins mentionnés ci-dessus, vous ne devez pas activer la mise en cache mobile.

🛠   Si vous rendez une petite visite au dossier de cache wp-content/cache/wp-rocket/[exemple.com] (avec exemple.com représentant votre nom de domaine), vous verrez 2 fichiers nommés chacun d'entre eux :

  • index.html(.gz) —fichier de cache pour les tablettes et ordinateurs 
  • index-mobile.html(.gz) —fichier de cache pour les téléphones

Important si vous utilisez Cloudflare APO : 
Lorsque vous utilisez Cloudflare APO en même temps que l'option " Créer un fichier de cache à part pour les mobiles ", assurez-vous d'activer la mise en cache par type d'appareil de Cloudflare APO. Voici où vous pouvez le trouver :
- Le paramètre de la carte APO du tableau de bord Cloudflare.
- Ou à partir du plugin WordPress version 4.4.0 ou ultérieure.
Cela forcera Cloudflare APO à mettre en cache et à servir la bonne version de la page.

Devrais-je activer les deux options en même temps ?

Ce sera en fonction de la personnalisation que vous avez apportée à la version responsive de votre site, vous pouvez soit activer la première option, ou les deux options au cas où votre site fournit des fonctionnalités uniquement présentes sur les mobiles.

Voici une bonne règle de base sur la façon d'utiliser ces 2 options :

1
Avez-vous un autre niveau de mise en cache, comme Varnish, NGINX, etc.? Si c'est le cas, vous pouvez activer l'option "Activer la mise en cache pour les appareils mobile" en toute sécurité. En revanche, l'option "Créer un fichier de cache à part pour les mobiles" peut ne pas fonctionner proprement. Vous devez d'abord vérifier si le niveau de mise en cache supplémentaire peut faire la distinction entre les visiteurs mobiles et les visiteurs d'ordinateurs de bureau (demandez à votre hôte). Si ce n'est pas possible, utilisez uniquement l'option "Activer la mise en cache pour les appareils mobile". Si c'est possible, procédez comme suit.
2
Activez la première option ( Activer la mise en cache pour les appareils mobiles) seule si votre design est entièrement responsive et scroll de haut en bas sans problème.
🛠   WP Rocket servira le même fichier de cache pour une demande de page qu'une tablette ou un ordinateur de bureau recevrait.
3
En plus, activez la deuxième option ( Créer un fichier de cache à part pour les mobiles) au cas où vous utilisez l'un des plugins mentionnés ci-dessus - ou dans la description de l'option - ou si votre site charge des ressources spécifiques sur les appareils mobiles.
🛠   WP Rocket servira un fichier de cache séparé aux téléphones, différent de celui que les tablettes et les ordinateurs de bureau recevraient.

Vous ne savez pas quoi faire ? 😰  
En cas de doute, activez toujours les deux options. Cela peut se traduire par deux fois plus de fichiers cache sur votre serveur, mais il sera dans tous les cas en mesure de répondre à vos besoins, peu importe la façon dont votre site est responsive.

Le cache mobile peut-il être préchargé ?

Oui, si vous avez activé l'option  Créer un fichier de cache à part pour les mobiles, les fichiers de cache des appareils mobiles seront également générés par le Préchargement en plus des fichiers de cache bureau.

Cache séparé pour les appareils mobiles et autre niveau de cache

Lorsque d'autres couches de mise en cache sont activées (cache serveur, cache DNS), elles doivent être en mesure de servir un cache distinct pour les ordinateurs de bureau et les téléphones portables afin que la fonctionnalité fonctionne.

Cloudflare Cache Everything

Lors de l'utilisation de la règle de page Cloudflare Cache Everything, Cloudflare met en cache la version de l'appareil qui arrive en premier et la sert à toutes les visites suivantes.

Il doit être désactivé s'il est obligatoire d'avoir une version de cache différente pour les mobiles et les ordinateurs de bureau.

Cloudflare APO

Si vous utilisez Cloudflare APO en même temps que l'option "Cache séparé pour les appareils mobiles", assurez-vous d'activer l'option "Cache séparé pour les appareils mobiles" de Cloudflare APO. caching by device type. Voici où la trouver :
- Le réglage APO du tableau de bord Cloudflare
- ou à partir du plugin WordPress version 4.4.0 ou ultérieure
Cela forcera Cloudflare APO à mettre en cache et à servir la bonne version de la page.

Varnish

Par défaut, Varnish stocke et sert le même cache pour les ordinateurs de bureau et les téléphones portables.

Une configuration supplémentaire est nécessaire pour aider Varnish à distinguer les différents types de cache.

The following additional customization for the default.vcl is a good starting point.

Cela a-t-il répondu à votre question ? Merci pour votre retour :) Une erreur est survenue lors de l’envoi de votre retour. Veuillez réessayer plus tard.