Anmelden Erste Schritte

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

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

Wenn Jetpack Boost die Bilder für renderizado del mayor elemento con contenido (LCP) nicht wie erwartet optimiert, hilft Ihnen dieser Leitfaden dabei, häufige Probleme zu erkennen und zu beheben, einschließlich spezifischer Fehler bei der Analyse von LCP wie HttpError, LcpTimeout und page-navigated.

Seiten werden nicht optimiert

Verfügbarkeit der Seite überprüfen

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üfen

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 sichtbar

Caches leeren

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üfen

Ö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"

Spezifische Fehlertypen

Wenn Boost den LCP-Wert einer Seite nicht messen kann, meldet es einen der folgenden Fehlertypen. Jeder Abschnitt erläutert die Ursache und die Schritte, die Sie zur Behebung unternehmen können.

HttpError

Ursache

Die Seite wurde innerhalb von 60 Sekunden nicht vollständig geladen – häufig aufgrund einer langsamen Serverantwort oder großer, komplexer Seiten.

Lösung

Führen Sie die folgenden Schritte aus, damit die Seite zuverlässig geladen wird:

  • Überprüfen Sie die Leistung Ihres Hostings und die Serverprotokolle.
  • Stellen Sie sicher, dass die Seite schnell und zuverlässig geladen wird.
  • Testen Sie eine schlankere Version der Seite.

LcpTimeout

Ursache

Jetpack Boost konnte die Seite aufgrund eines Netzwerk- oder HTTP-Fehlers nicht erreichen – meist verursacht durch Zeitüberschreitungen, Firewalls oder instabile Verbindungen.

Lösung

Bestätigen Sie, dass Jetpack die Seite erreichen und laden kann:

  • Überprüfen Sie, ob die Seite konsistent geladen wird und eine gültige Antwort zurückgibt (2XX-HTTP-Code).
  • Stellen Sie sicher, dass Ihr Hosting-Anbieter externen Diensten wie Jetpack den Zugriff auf Ihre Website erlaubt.
  • Deaktivieren Sie vorübergehend Sicherheits- oder Firewall-Regeln, die Jetpack blockieren könnten.

LcpMetricTimeoutError

Ursache

Jetpack Boost hat die Seite erfolgreich geladen, konnte jedoch das Largest-Contentful-Paint-Element innerhalb von 60 Sekunden nicht erkennen. Dies kann durch Seiten mit langsam ladenden Inhalten oder dynamische Inhalte verursacht werden, die nie stabil werden.

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.

ElementNotUnique

Ursache

Jetpack Boost hat mehrere große visuelle Elemente erkannt und konnte nicht bestimmen, welches davon als LCP optimiert 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.

ElementNotStable

Ursache

Jetpack Boost hat ein potenzielles Largest-Contentful-Paint-Element erkannt, das während der Analyse jedoch mehrere Sekunden lang nicht durchgehend sichtbar blieb. Dies tritt häufig bei Karussells oder automatisch rotierenden Slidern, animierten Hero-Bereichen oder Komponenten auf, die Inhalte nach dem Laden schnell austauschen, ausblenden oder verschieben.

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.

page-navigated

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.

Unbekannt

Ursache

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

Lösung

Warten Sie einige Minuten und versuchen Sie die Analyse erneut.

Benötigen Sie weiterhin Hilfe?

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