Potenzielle Ursachen
- Skriptverzögerung - Dieses Tool verzögert das Laden von Skripten, um die Ladezeiten zu verbessern. Allerdings kann das Verzögern bestimmter Skripte die Funktionalität der Website beeinträchtigen, wie z.B. Menüs, wenn das Skript für die Funktion erforderlich ist. Die Skripte, die zum Laden des Menüs erforderlich sind, hängen von den verwendeten Themen- oder Seitenbauwerkzeugen ab.
- Unbenutztes CSS entfernen - Das Feature „Unbenutztes CSS entfernen“ erkennt nicht verwendete CSS-Dateien und verhindert deren Laden, um die Ladegeschwindigkeit für die notwendigen Dateien und Inhalte zu verbessern. Manchmal werden CSS-Dateien fälschlicherweise als unbenutzt kategorisiert, weil die CSS-Datei nicht zum Laden der eigentlichen Seite benötigt wird und nur beim Auswählen des mobilen Menüs verwendet wird. Dies kann dazu führen, dass Leap fälschlicherweise CSS-Dateien entfernt, die zum Laden des Menüs benötigt werden.
Zuerst müssen Sie feststellen, welche der oben genannten Funktionen dieses Problem verursacht. Die einfachsten Schritte sind wie folgt:
Schritt 1: Ist dies Leap?
- Deaktivieren Sie Leap und überprüfen Sie dann Ihre Website, um zu sehen, ob das Problem durch Leap oder etwas anderes verursacht wird. Wenn das Problem verschwindet, wissen wir, dass Leap das Problem verursacht.
Schritt 2: Welche Funktion verursacht dies?
- Deaktivieren Sie entweder Skriptverzögerung oder Unbenutztes CSS entfernen, indem Sie zum Leap-Dashboard > Optimieren > Einstellungen ändern gehen und diese Einstellungen nacheinander deaktivieren.
Schritt 3: Vorschau
- Sobald Sie eine der Einstellungen deaktiviert haben, gehen Sie zur Vorschau und prüfen Sie, ob das mobile Menü funktioniert. Je nachdem, welche Funktion deaktiviert werden muss, müssen Sie das entsprechende Verfahren befolgen, um das Menü zu reparieren.
(Hinweis: Es kann sein, dass beide Funktionen das Problem verursachen, und Sie müssen beide Anleitungen unten befolgen.)
Skriptverzögerung
Wenn das Problem durch die Skriptverzögerung verursacht wird, folgen Sie diesen Schritten:
1. Navigieren Sie zu den Einstellungen für die Skriptverzögerung und verwenden Sie das Tool „Verzögerte Skripte finden“.

2. Klicken Sie auf die Schaltfläche „Tabelle leeren“, geben Sie dann die URL der Seite, auf der Sie gerade Probleme beheben, in den Abschnitt „Skripte auf URL finden“ ein und drücken Sie die Eingabetaste auf Ihrer Tastatur.

3. Überprüfen Sie die Liste der externen und Inline-Skripte, die unter der angegebenen URL gefunden wurden. Skripte, die für „Nicht verzögern“ markiert sind, werden den Ausschlussregeln hinzugefügt und nicht mehr verzögert. Skripte, die für „Verzögern“ markiert sind, bleiben verzögert. Die Skripte, die gelb hervorgehoben sind, wurden als potenziell problematisch markiert, was bei der Bestimmung helfen kann, welche verzögerten Skripte Probleme auf der Website verursachen können.
4. Verwenden Sie die Suchleiste, um relevante Skripte zu filtern, indem Sie den Namen Ihres Themes oder einfach „Theme“ eingeben. Die häufigsten Skripte, die bei Menüproblemen ausgeschlossen werden müssen, sind themenbezogene Skripte.
5. Schließen Sie Skripte einzeln aus, indem Sie „Nicht verzögern“ für die problematischen Skripte auswählen, und sehen Sie sich dann die Vorschau der Website an, um zu sehen, ob dieses das Problem des mobilen Menüs behebt. (Hinweis: Möglicherweise müssen Sie mehrere Skripte ausschließen, damit das Menü funktioniert)
6. Verwenden Sie während der Vorschau der Website den mobilen Vorschaumodus der Chrome Dev Tools (F12 und dann das Mobiltelefon-Symbol auswählen), um das mobile Menü anzuzeigen.