Votre menu mobile ne fonctionne pas correctement après avoir activé l'optimisation Leap d'Ezoic ? Cela peut être un problème courant avec plusieurs causes potentielles, mais heureusement, il existe quelques solutions que vous pouvez essayer pour le résoudre. Cet article vous guidera à travers les étapes de dépannage pour identifier et résoudre le problème, assurant ainsi que votre menu mobile fonctionne correctement tout en bénéficiant des fonctionnalités d'optimisation de Leap.

Lorsque Leap est activé, il est possible que les utilisateurs rencontrent les symptômes courants suivants indiquant des problèmes avec le menu mobile :

1. Menu Mobile Ne Charge Pas : Le menu mobile ne s'affiche pas lorsque le site est consulté sur un appareil mobile.
2. Menu Mobile Non Fonctionnel : Le menu mobile apparaît, mais ne répond pas aux interactions des utilisateurs.
3. Fonctionnalité Intermittente : Le menu mobile peut fonctionner de manière incohérente, se chargeant parfois comme prévu et d'autres fois ne se chargeant pas ou ne fonctionnant pas.

Causes potentielles

• Délai de script - Cet outil diffère le chargement des scripts afin d'améliorer les temps de chargement. Cependant, retarder certains scripts peut perturber la fonctionnalité du site, comme les menus, si le script est nécessaire pour que la fonctionnalité fonctionne. Les scripts nécessaires pour charger le menu dépendent des outils de thème / constructeur de pages que vous utilisez.
• Supprimer le CSS inutilisé - La fonctionnalité Supprimer le CSS inutilisé détecte les fichiers CSS non utilisés et les empêche de se charger pour améliorer la vitesse de chargement des fichiers et du contenu nécessaires. Parfois, les fichiers CSS seront incorrectement catégorisés comme inutilisés parce que le fichier CSS n'est pas nécessaire pour charger la page réelle et est uniquement utilisé lorsque le menu mobile est sélectionné. Cela peut conduire Leap à supprimer incorrectement des fichiers CSS nécessaires pour charger le menu.

Tout d'abord, vous devrez déterminer laquelle des fonctionnalités mentionnées ci-dessus cause ce problème. Les étapes les plus faciles à suivre sont les suivantes :

Étape 1 : Est-ce Leap ?

• Désactivez Leap, puis vérifiez votre site pour voir si ce problème est causé par Leap ou autre chose. Si le problème disparaît, nous savons alors que Leap cause le problème.

Étape 2 : Quelle fonctionnalité cause cela ?

• Désactivez soit Délai de script, soit Supprimer le CSS inutilisé en allant dans le tableau de bord Leap > Optimiser > Changer les paramètres, puis désactivez ces paramètres un à un.

Étape 3 : Aperçu

• Une fois que vous avez désactivé l'un des paramètres, allez à l'aperçu et voyez si le menu mobile fonctionne. Selon la fonctionnalité à désactiver, vous devrez suivre la procédure appropriée pour corriger le menu.

(Remarque : Il peut arriver que les deux fonctionnalités causent le problème, et vous devrez suivre les deux guides ci-dessous.)

Délai de script

Si le problème est causé par le délai de script, suivez ces étapes :

1. Accédez aux paramètres du délai de script et utilisez l'outil de recherche de scripts différés.

2. Cliquez sur le bouton "Clear Table", puis entrez l'URL de la page que vous dépannez dans la section "Find Scripts on URL" et appuyez sur Entrée sur votre clavier.

3. Passez en revue la liste des scripts externes et en ligne trouvés sur l'URL spécifiée. Les scripts qui sont en bulle pour Ne pas retarder seront ajoutés aux Règles d'exclusion et ne seront plus retardés. Les scripts en bulle pour Retarder resteront retardés. Les scripts surlignés en jaune ont été marqués comme potentiellement problématiques à retarder, ce qui peut aider à déterminer quels scripts retardés peuvent causer des problèmes sur le site.

4. Utilisez la barre de recherche pour filtrer les scripts pertinents en entrant le nom de votre thème ou simplement "thème". Les scripts les plus courants qui doivent être exclus en cas de problèmes de menu sont les scripts liés au thème.

5. Excluez les scripts un par un en sélectionnant Ne pas retarder pour les scripts problématiques, puis prévisualisez le site pour voir si cela résout le problème du menu mobile. (Remarque : vous devrez peut-être exclure plusieurs scripts pour que le menu fonctionne)

6. Pendant que vous prévisualisez le site, utilisez le mode d'aperçu mobile des outils de développement Chrome (F12, puis sélectionnez l'icône mobile) pour voir le menu mobile.

Pour éviter les problèmes avec votre menu mobile lorsque vous utilisez Leap, envisagez les meilleures pratiques suivantes :

1. Mettre régulièrement à jour les thèmes et les plugins : Assurez-vous que vos thèmes et plugins de création de pages sont toujours mis à jour vers les dernières versions. Les développeurs publient souvent des mises à jour pour corriger les bugs et améliorer la compatibilité avec des outils d'optimisation comme Leap.
2. Limiter l'utilisation des créateurs de pages : Les créateurs de pages comme Elementor peuvent surcharger votre site et compliquer les efforts d'optimisation. Envisagez d'utiliser des alternatives plus légères ou de réduire la dépendance aux créateurs de pages pour améliorer les performances de votre site et réduire les risques de conflits avec les outils d'optimisation.
3. Tester les modifications dans un environnement de staging : Avant d'appliquer des mises à jour ou des modifications significatives, testez-les dans un environnement de staging. Cela vous permet d'identifier les problèmes potentiels sans affecter votre site en direct.
4. Surveiller les performances du site : Surveillez régulièrement les performances de votre site en utilisant les outils disponibles dans le tableau de bord Leap. Cela vous aidera à identifier et à résoudre rapidement tout problème qui pourrait survenir.

Suivre ces conseils peut aider à maintenir des performances optimales et à éviter les problèmes avec la fonctionnalité de votre menu mobile.

Si vous avez besoin d'une assistance supplémentaire pour résoudre les conflits de menu mobile liés à Leap, veuillez vous connecter via https://support.ezoic.com/ pour utiliser nos ressources dédiées au support. Nous sommes là pour vous aider !