Mise en Cache pour Mobile

La fonctionnalité de cache mobile est utilisée pour servir des pages rapides aux visiteurs qui utilisent un appareil mobile pour naviguer sur votre site web.

Cette fonctionnalité est activée par défaut lors de l'activation de WP Rocket.

Cet article explique en détail le fonctionnement de cette fonction et donne d'autres instructions générales.

Vue d'ensemble

Avec la mise en cache mobile, WP Rocket applique la mise en cache des pages et toutes les optimisations nécessaires pour les appareils mobiles.

WP Rocket va créer un ensemble séparé de fichiers de cache pour les appareils mobiles. Avec cette approche, tout contenu spécifique au mobile sera mis en cache et servi indépendamment.

En outre, si l'option de Préchargement du cache est activée, les fichiers de cache spécifiques aux téléphones portables seront générés en plus des fichiers de cache spécifiques aux ordinateurs de bureau.

Comment vérifier si le cache mobile fonctionne

Si vous visitez le répertoire cache dans /wp-content/cache/wp-rocket/votredomaine.com/, vous devriez voir les fichiers de cache spécifiques aux appareils mobiles :

index-mobile.html_gzip
index-mobile-https.html_gzip

Si l'option Compatibilité WebP est activée, les fichiers de cache ont -webp ajouté au nom du fichier.

index-mobile-webp.html_gzip
index-mobile-https-webp.html_gzip

Important ! Vérifier l' article sur la compatibilité avec les hébergeurs pour voir si votre hébergeur utilise sa propre option de mise en cache des pages. Chez ces hébergeurs, le dossier de cache de WP Rocket sera vide.

Traiter les tablettes comme des appareils mobiles

Par défaut, la fonction de cache mobile ne fonctionne que sur les téléphones. Elle ne considère pas les tablettes comme "mobiles" dans le contexte de la mise en cache des pages. Par conséquent, le cache par défaut (pour les ordinateurs de bureau) sera utilisé pour les tablettes.

Vous pouvez modifier ce comportement par défaut pour traiter les tablettes comme des mobiles avec ce plugin d'aide :

📥 Télécharger (.zip): WP Rocket | Set tablets as mobile
Développeurs : vous pouvez trouver le code de ce plugin sur GitHub.

Cette assistance peut être utile si votre thème ou votre plugin utilise la fonction wp_is_mobile(), qui traite les tablettes comme des appareils mobiles.

Comment désactiver cette fonction ?

Si vous rencontrez des problèmes et que vous devez désactiver cette option, vous pouvez utiliser le plugin suivant :

📥 Télécharger (.zip): WP Rocket | Customize Mobile Cache Options
Developeurs: Vous pouvez trouver le code pour ce plugin sur GitHub.

Lors de l'activation, ce plugin

Désactivera le cache spécifique aux mobiles, afin que les appareils mobiles reçoivent le cache par défaut (PC).
Désactivera la fonctionnalité Optimiser les images critiques et Rendu différé automatique, car il n'est pas sûr d'optimiser les images critiques sans prendre en compte le type d'appareil.

Et si nécessaire, vous pouvez également personnaliser ce plugin pour :

Désactiver complètement l'option Mise en cache pour Mobile en décommentant la ligne 35, comme indiqué ici.

Risques liés à la désactivation du cache spécifique au mobile

Néanmoins, la désactivation du cache spécifique au mobile peut potentiellement causer des problèmes si votre site contient du contenu spécifique au mobile.

Les problèmes suivants peuvent survenir dans les options de WP Rocket :

De même, toute fonction personnalisée ou tierce dépendant de la fonction wp_is_mobile() pourrait être affectée.

Comment l'activer si c'est désactivé ?

Dans le cas où vous avez mis à jour WP Rocket à partir d'une version précédente, alors que l'option Cache Mobile était désactivée, vous pouvez aller dans l'onglet Outils, et cliquer sur l'option Cache Mobile > Activer le Cache Mobile, comme montré ici :

Mobile cache option in the tools tab

Il s'agit d'une action unique. Une fois que vous aurez cliqué sur le bouton Activer le cache mobile, la section Cache mobile disparaîtra de l'onglet Outils.

Veuillez noter que lorsque vous utilisez l'option de l'onglet Outils pour activer l'option Cache mobile, son comportement par défaut de création d'un cache spécifique au mobile sera également activé.

Niveau de cache supplémentaires

Si vous utilisez une couche supplémentaire de cache, comme Varnish, NGINX, Cache Everything de Cloudflare, etc., qui n'est pas configurée pour faire la distinction entre les visiteurs mobiles et les visiteurs de bureau, vous risquez de rencontrer ces problèmes :

Pour éviter ce type de problème, il est recommandé de désactiver ces couches supplémentaires de cache, et de laisser WP Rocket s'occuper de la mise en cache pour le bureau et le mobile.

Hébergeurs gérant la mise en cache des pages

Certains hébergeurs avec compatibilité automatique gèrent eux-mêmes la mise en cache des pages au lieu d'utiliser la mise en cache de WP Rocket

Parmi les hébergeurs compatibles, WP Engine et Kinsta sont connus pour être configurés de manière à avoir un cache séparé pour les mobiles, ce qui fait que les problèmes de mise en page liés à des couches ou des caches supplémentaires ne devraient pas se produire.

Cependant, ce n'est pas le cas pour tous les fournisseurs d'hébergement. Donc, dans le cas où vous avez des problèmes avec des hébergeurs qui gèrent la mise en cache des pages (au lieu de WP Rocket), vous devriez contacter leur équipe de support, demander si leur mise en cache des pages est configurée pour séparer les types d'appareils, et demander des conseils supplémentaires.

Cloudflare APO

Si vous utilisez Cloudflare APO, veillez à activer l'option de mise en cache par type d'appareil.

Pour plus d'informations sur la compatibilité entre WP Rocket et Cloudflare APO, veuillez consulter ce guide.

Détails techniques

Les téléphones mobiles sont détectés par l'agent utilisateur HTTP. Vous pouvez trouver l'ensemble des agents utilisateurs que WP Rocket détectera et traitera comme mobiles dans ce fichier.