Fehlerbehebung bei häufigen Problemen mit der Optimierung von LCP-Bildern in Jetpack Boost

Wenn Jetpack Boost deine Bilder für Largest Contentful Paint (LCP) nicht wie erwartet optimiert, hilft dir dieser Leitfaden dabei, häufige Probleme zu erkennen und während der Analyse von LCP gemeldete Probleme zu beheben.

Probleme bei der Optimierung von LCP anzeigenMD

Wenn Jetpack Boost eine oder mehrere Cornerstone-Seiten nicht optimieren kann, wird ein Hinweis mit dem Text Probleme bei der Optimierung von LCP im Bereich Bilder angezeigt.

So überprüfst du das Problem:

1. Gehe zu Jetpack → Boost im WP-Admin.
2. Unter Optimiere deine Geschwindigkeit, erweitere den Bilder-Abschnitt.
3. Suche Probleme bei der Optimierung von LCP unter Bilder für LCP optimieren.
4. Wähle den „Details anzeigen“-Link aus, um die betroffenen Seiten und den Grund anzuzeigen, warum die jeweilige Seite nicht optimiert werden konnte.

Seiten werden nicht optimiertMD

Seitenverfügbarkeit prüfenMD

Bestätigen Sie, dass Jetpack Boost die zu optimierenden Seiten erreichen kann:

• Stellen Sie sicher, dass Ihre wichtigen Seiten öffentlich verfügbar und nicht passwortgeschützt sind.
• Überprüfen Sie, ob Seiten eine 2XX HTTP-Antwort liefern (nicht 404 oder Serverfehler).

Seitenstruktur überprüfenMD

Das Layout einer Seite beeinflusst, wie zuverlässig Boost das LCP-Element erkennen kann:

• Seiten mit einem klaren, hervorstechenden visuellen Element funktionieren am besten.
• Mehrere konkurrierende große Bilder können die Erkennung von LCP erschweren.
• Sehr komplexe Layouts erfordern möglicherweise eine manuelle Optimierung.

Optimierungsergebnisse nicht sichtbarMD

Caches leerenMD

Zwischengespeicherte Versionen einer Seite können die von Boost vorgenommenen Optimierungen verbergen. Leeren Sie die einzelnen Caches nacheinander:

• Leeren Sie den Seiten-Cache Ihrer Website.
• Leeren Sie gegebenenfalls den CDN-Cache.
• Testen Sie die Seite in einem privaten oder Inkognito-Browserfenster.

Implementierung überprüfenMD

Öffnen Sie bei einer Cornerstone Page den Seitenquelltext und suchen Sie nach den folgenden Attributen:

• fetchpriority="high" bei optimierten Bildern.
• loading="eager" anstelle von Lazy Loading.
• data-jp-lcp-optimized="true"

Probleme bei der Optimierung von LCP behebenMD

Wenn Boost eine Seite nicht optimieren kann, wird eine Erklärung unter der Überschrift Probleme bei der Optimierung von LCP. angezeigt. Wähle für eine betroffene Seite den Link „Mehr erfahren“, um unten den entsprechenden Abschnitt zur Fehlerbehebung zu öffnen.

HTTP-FehlerMD

Ursache

Jetpack Boost ist beim Versuch, die Seite zu analysieren, auf einen HTTP-Fehler gestoßen.

Lösung

Öffne die betroffene Seite in einem privaten oder Inkognito-Browserfenster und stelle sicher, dass sie korrekt geladen wird. Versuche anschließend erneut, die Optimierung durchzuführen.

Die Seite wurde zu langsam geladenMD

Ursache

Die Seite wurde während der Analyse zu langsam geladen.

Lösung

Öffne die betroffene Seite in einem privaten oder Inkognito-Browserfenster und stelle sicher, dass sie korrekt geladen wird. Versuche anschließend erneut, die Optimierung durchzuführen.

Das Hauptelement für LCP konnte nicht rechtzeitig identifiziert werdenMD

Ursache

Jetpack Boost hat die Seite erfolgreich geladen, konnte das Hauptelement für LCP jedoch nicht innerhalb des Zeitlimits identifizieren. Dies kann bei langsam ladenden oder komplexen Seiten vorkommen.

Lösung

Stellen Sie sicher, dass die Seite stabile visuelle Inhalte darstellt, die Boost messen kann:

• Stellen Sie sicher, dass die Seite visuelle Inhalte enthält, die innerhalb eines angemessenen Zeitraums geladen werden.
• Suchen Sie nach JavaScript-Fehlern oder Zuständen mit endlosem Laden, die verhindern, dass sich die Inhalte stabilisieren.
• Stellen Sie sicher, dass die Seite nicht überwiegend leer ist, zu viele Weiterleitungen enthält oder ausschließlich aus dynamisch geladenen Inhalten besteht.

Mehrere ähnliche große Elemente gefundenMD

Ursache

Jetpack Boost hat mehrere ähnliche große Elemente mit demselben Selektor gefunden und konnte nicht identifizieren, welches als Hauptelement für LCP behandelt werden sollte.

Lösung

Helfen Sie Boost, ein einzelnes dominantes Element zu erkennen:

• Vereinfachen Sie Ihr Layout oder stellen Sie sicher, dass sich nahe dem oberen Seitenbereich ein klar dominantes visuelles Element befindet.
• Vermeiden Sie mehrere konkurrierende Hero-Bilder oder Hintergrundbereiche im sichtbaren Bereich.

Das Hauptelement für LCP blieb nicht sichtbarMD

Ursache

Jetpack Boost hat ein mögliches Element für LCP identifiziert, aber es blieb nicht lange genug sichtbar, um analysiert zu werden. Dies kann bei Diashows, animierten Abschnitten oder anderen Inhalten vorkommen, die sich kurz nach dem Laden der Seite ändern.

Lösung

Lassen Sie das LCP-Element lange genug sichtbar, damit Boost es messen kann:

• Lassen Sie das Hero-/LCP-Element beim ersten Laden mindestens 3 Sekunden lang sichtbar (pausieren oder verzögern Sie beispielsweise die automatische Wiedergabe bzw. Rotation).
• Legen Sie fest, dass der Slider mit dem Hero-Slide beginnt, und verzögern Sie den ersten Übergang (mindestens 3 Sekunden).
• Minimieren Sie aufwendige Eingangsanimationen, die den Hero-Inhalt sofort ersetzen.
• Wenn Sie diese Änderungen nicht selbst vornehmen können (beispielsweise bei einem Theme oder Slider-Plugin ohne entsprechende Einstellungen):
  • Kontaktieren Sie die Entwickler des Themes oder Slider-Plugins und bitten Sie sie, dass ihr Karussell prefers-reduced-motion: reduce berücksichtigt (automatische Wiedergabe und Übergänge pausiert oder deaktiviert, wenn Benutzer reduzierte Bewegung bevorzugen).
  • Bitten Sie um eine Einstellung, mit der die automatische Wiedergabe beim ersten Laden deaktiviert oder verzögert werden kann, damit der Haupt-Slide lange genug für die Analyse sichtbar bleibt.

Die Seite wurde während der Analyse weitergeleitetMD

Ursache

Die Seite wurde während der Analyse zu einer anderen URL weitergeleitet, sodass Jetpack Boost ihren LCP nicht messen konnte. Wenn die Cloud das Weiterleitungsziel meldet, zeigt Boost es in der Fehlermeldung als endgültige URL an. Häufige Ursachen sind kanonische Weiterleitungen, Weiterleitungen wegen nachgestellter Schrägstriche, Weiterleitungen aufgrund der Sprache oder Region sowie Anmeldeseiten.

Lösung

Beheben Sie die Weiterleitung, damit Boost eine direkt geladene Seite analysiert. Wählen Sie eine der folgenden Möglichkeiten:

• Entfernen Sie die URL aus Ihren Cornerstone Pages.
• Verweisen Sie den Eintrag der Cornerstone Pages auf die endgültige URL.
• Entfernen Sie die Weiterleitung, damit die Seite ohne Weiterleitung geladen wird.

Während der Optimierung ist ein Fehler aufgetretenMD

Ursache

Jetpack Boost konnte die Ursache des Problems während der Optimierung nicht ermitteln.

Lösung

Warte einige Minuten und versuche anschließend erneut, die Optimierung durchzuführen.

Wenn das Problem weiterhin besteht, wende dich an den Support.

Brauchst du noch Hilfe?MD

Wenn Sie weiterhin Unterstützung benötigen, kontaktieren Sie den Support. Wir beraten Sie gerne.