Il menu mobile non funziona correttamente dopo aver attivato l'ottimizzazione Leap di Ezoic? Questo può essere un problema comune con diverse cause potenziali, ma fortunatamente ci sono alcune soluzioni che puoi provare per risolverlo. Questo articolo ti guiderà attraverso i passaggi di risoluzione dei problemi per identificare e correggere il problema, garantendo che il tuo menu mobile funzioni senza intoppi beneficiando comunque delle funzionalità di ottimizzazione di Leap.

Quando Leap è abilitato, è possibile che gli utenti possano riscontrare i seguenti sintomi comuni che indicano problemi con il menu mobile:

1. Menu Mobile Non Carica: Il menu mobile non appare quando il sito viene accesso su un dispositivo mobile.
2. Menu Mobile Non Funzionale: Il menu mobile appare, ma non risponde alle interazioni degli utenti.
3. Funzionalità Intermittente: Il menu mobile può funzionare in modo intermittente, a volte caricando come previsto e altre volte non caricando o non funzionando.

Cause potenziali

• Ritardo dello script - Questo strumento posticipa il caricamento degli script per migliorare i tempi di caricamento. Tuttavia, ritardare alcuni script potrebbe compromettere la funzionalità del sito, come i menu, se lo script è necessario per far funzionare la funzione. Gli script necessari per il caricamento del menu dipendono dagli strumenti del tema/costruttore di pagine che stai utilizzando.
• Rimuovi CSS non utilizzati - La funzione Rimuovi CSS non utilizzati rileva i file CSS non utilizzati e impedisce quindi che vengano caricati per migliorare la velocità di caricamento dei file e dei contenuti necessari. A volte i file CSS vengono erroneamente classificati come non utilizzati perché non sono necessari per caricare la pagina effettiva e vengono utilizzati solo quando viene selezionato il menu mobile. Questo può portare Leap a rimuovere erroneamente i file CSS necessari per caricare il menu.

Innanzitutto, dovrai determinare quale delle funzionalità menzionate sopra sta causando questo problema. I passaggi più semplici da seguire sono i seguenti:

Passo 1: È Leap?

• Disattiva Leap e poi controlla il tuo sito per vedere se questo problema è causato da Leap o da qualcos'altro. Se il problema scompare, allora sappiamo che è Leap a causare il problema.

Passo 2: Quale funzionalità sta causando questo?

• Disattiva o Ritardo dello script o Rimuovi CSS non utilizzati andando alla dashboard di Leap > Ottimizza > Modifica impostazioni, quindi disattivando queste impostazioni una alla volta.

Passo 3: Anteprima

• Una volta disabilitata una delle impostazioni, vai all'anteprima e verifica se il menu mobile funziona. A seconda di quale funzionalità deve essere disabilitata, dovrai seguire la procedura appropriata per risolvere il menu.

(Nota: potrebbe essere il caso che entrambe le funzionalità stiano causando il problema e dovrai seguire entrambe le guide di seguito.)

Ritardo dello script

Se il problema è causato dal Ritardo dello script, segui questi passaggi:

1. Vai alle impostazioni di Ritardo dello script e utilizza lo strumento Trova script ritardati.

2. Fare clic sul pulsante “Cancella tabella”, quindi inserire l'URL della pagina che si sta risolvendo nella sezione “Trova script su URL” e premere Invio sulla tastiera.

3. Esaminare l'elenco degli script esterni e in linea trovati sull'URL specificato. Gli script che sono stati selezionati per Non ritardare verranno aggiunti alle Regole di esclusione e non verranno più ritardati. Gli script selezionati per Ritardare rimarranno ritardati. Gli script evidenziati in giallo sono stati contrassegnati come potenzialmente problematici da ritardare, il che può essere utile per determinare quali script ritardati potrebbero causare problemi al sito.

4. Utilizzare la barra di ricerca per filtrare gli script rilevanti inserendo il nome del proprio tema o semplicemente “tema”. Gli script più comuni che devono essere esclusi in caso di problemi con il menu sono quelli legati al tema.

5. Escludere gli script uno per uno selezionando Non ritardare per gli script problematici, quindi visualizzare in anteprima il sito per vedere se questo risolve il problema del menu mobile. (Nota: potrebbe essere necessario escludere più script affinché il menu funzioni)

6. Durante l'anteprima del sito, utilizzare la modalità di anteprima mobile di Chrome Dev Tools (F12, quindi selezionare l'icona mobile) per visualizzare il menu mobile.

Per prevenire problemi con il menu mobile quando si utilizza Leap, considera le seguenti migliori pratiche:

1. Aggiorna regolarmente temi e plugin: Assicurati che i tuoi temi e i plugin del costruttore di pagine siano sempre aggiornati alle versioni più recenti. Gli sviluppatori rilasciano spesso aggiornamenti per correggere bug e migliorare la compatibilità con strumenti di ottimizzazione come Leap.
2. Limita l'uso dei costruttori di pagine: I costruttori di pagine come Elementor possono appesantire il tuo sito e complicare gli sforzi di ottimizzazione. Considera l'uso di alternative più leggere o minimizza la dipendenza dai costruttori di pagine per migliorare le prestazioni del tuo sito e ridurre il rischio di conflitti con gli strumenti di ottimizzazione.
3. Testa i cambiamenti in un ambiente di staging: Prima di applicare aggiornamenti o modifiche significative, testali in un ambiente di staging. Questo ti consente di identificare potenziali problemi senza influenzare il tuo sito live.
4. Monitora le prestazioni del sito: Monitora regolarmente le prestazioni del tuo sito utilizzando gli strumenti disponibili nella dashboard di Leap. Questo ti aiuterà a identificare e affrontare rapidamente eventuali problemi che potrebbero sorgere.

Seguendo questi consigli potrai mantenere prestazioni ottimali ed evitare problemi con la funzionalità del menu mobile.

Se hai bisogno di ulteriore assistenza per risolvere i conflitti del menu mobile relativi a Leap, accedi tramite https://support.ezoic.com/ per utilizzare le nostre risorse dedicate al supporto. Siamo qui per aiutarti!