Optimiser la fenêtre d'affichage pour les mobiles
PageSpeed vous avertit d' optimiser la fenêtre d'affichage pour les mobiles lorsque celle-ci n'est pas optimisée pour les appareils mobiles, car cela peut retarder les interactions tactiles jusqu'à 300 millisecondes et nuire à l'expérience utilisateur sur les appareils tactiles.
Les interactions tactiles peuvent être retardées jusqu'à 300 millisecondes si la fenêtre d'affichage n'est pas optimisée pour les mobiles.
Comprendre l'optimisation de la fenêtre d'affichage pour les mobiles
Sur les appareils mobiles, le navigateur a besoin d'instructions relatives à la fenêtre d'affichage lors du rendu initial de la page. Si la fenêtre d'affichage est manquante ou mal configurée, le navigateur suppose une mise en page pour ordinateur de bureau et la redimensionne ultérieurement, ce qui peut retarder les interactions et réduire les performances perçues.
L'optimisation de la fenêtre d'affichage améliore la réactivité des touches sur les appareils mobiles, évite les redimensionnements et zooms inutiles, et améliore la convivialité et l'accessibilité globales sur mobile.
Comment optimiser la fenêtre d'affichage pour les mobiles
Ce problème est généralement dû à une balise manquante ou mal configurée. Les causes courantes incluent une largeur de fenêtre d'affichage non définie, une valeur d'échelle initiale manquante ou incorrecte, des thèmes obsolètes ou fortement personnalisés, ou des constructeurs de pages et des plugins qui remplacent la configuration par défaut de la fenêtre d'affichage.
Bien que WP Rocket ne puisse pas résoudre ce problème directement, vous pouvez le résoudre en vous assurant qu'une balise meta viewport optimisée pour les mobiles est présente dans la balise <head> de la page, par exemple <meta name="viewport" content="width=device-width, initial-scale=1">
Vous pouvez vérifier cela en affichant le code source de la page dans votre navigateur et en recherchant meta name="viewport", en vous assurant qu'il n'y a qu'une seule balise viewport et qu'elle répond aux exigences recommandées. Si la balise est manquante, vérifiez le fichier header.php de votre thème ou les paramètres du thème.