Désactiver le chargement asynchrone des feuilles de style CSS sur les mobiles

Si la fonction Chargement Asynchrone du CSS provoque des problèmes de mise en page sur la version mobile de votre site, vous pouvez désactiver cette fonction pour les appareils mobiles uniquement, tout en la conservant pour la version de bureau.
Vous devrez utiliser le plugin d'aide suivant :

📥  Télécharger (.zip): WP Rocket | No Optimized CSS Delivery on Mobile Développeurs : Vous pouvez trouver le code de ce plugin sur GitHub.

Pour installer et utiliser le plugin, veuillez suivre ces étapes :

  1. Téléchargez le fichier zip du plugin d'assistance.
  2. Installez le plugin d'assistance sur votre site - allez dans  Plugins → Ajouter un nouveau → Télécharger le plugin  et sélectionnez le fichier zip. 
  3. Activez le plug-in.
  4. Videz le cache de WP Rocket.

Nous avons également cet article utile sur la façon de résoudre les problèmes de mise en page liés au chargement CSS de manière asynchrone : problèmes CSS critiques et FOUC. Ce sont les options que nous vous recommandons d’essayer en premier. Cependant, si aucun d’entre eux ne fonctionne ou si vous préférez simplement, vous pouvez utiliser le plugin d’assistance ci-dessus.

Versions de WP Rocket antérieures à 3.16

Pour le WP Rocket | No Optimized CSS Delivery on Mobile pour fonctionner sur les versions de WP Rocket antérieures à 3.16, l'option Fichiers de cache séparés pour les appareils mobiles doit être activée.

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.