Lighthouse Opportunities

Ihr LoadFocus-Page-Speed-Ergebnis zeigt jetzt eine kuratierte Liste "Top opportunities" (wichtigste Optimierungen), die wirkungsvollsten Fixes sortiert nach geschätzter Einsparung, damit Sie nicht den gesamten Bericht durchscrollen müssen, um zu wissen, was Sie zuerst beheben sollten.

Was sind Opportunities?

Opportunities sind Lighthouse-Audits, die abschätzen, wie viel schneller eine Seite laden könnte, wenn Sie sie beheben. Häufige Beispiele sind render-blockierende Ressourcen, ungenutztes JavaScript und CSS sowie nicht optimierte Bilder. Jede einzelne weist auf eine konkrete Änderung hin, die Sie an Ihrer Seite vornehmen können.

Es hilft, Opportunities den Scores gegenüberzustellen. Der Score ist die Note: eine einzige Zahl, die Ihnen sagt, wie die Seite gerade abschneidet. Opportunities sind die priorisierte To-do-Liste: die konkrete Arbeit, die diese Note verbessern würde, so geordnet, dass die größten Erfolge zuerst kommen.

Wo Sie sie finden

Sie finden die Liste "Top opportunities" (wichtigste Optimierungen) in jedem Page-Speed-Ergebnis, direkt unter den Score-Anzeigen und über den detaillierten Metriken. Sie steht oben im Ergebnis, damit die wertvollsten Fixes das Erste sind, was Sie sehen, wenn ein Audit abgeschlossen ist.

Top opportunities in einem LoadFocus-Ergebnis

Die geschätzte Einsparung lesen

Jede Zeile zeigt den Fix zusammen mit einer Schätzung dessen, was Sie gewinnen würden, zum Beispiel Est. 1.2 s · 332 KB. Diese Angabe kann eine Zeitersparnis, eine Ersparnis bei der Download-Größe oder beides sein, je nach Audit. Eine höhere geschätzte Einsparung bedeutet, dass der Fix mehr Wirkung darauf hat, wie schnell die Seite lädt, daher sind die Zeilen oben in der Liste diejenigen, die es zuerst zu beheben lohnt. LoadFocus zeigt bis zu fünf Opportunities, sortiert nach Einsparung.

Zu den Details springen

Klicken Sie auf eine beliebige Opportunity, um direkt zu ihrem vollständigen Eintrag im Lighthouse-Bericht weiter unten auf der Seite zu scrollen. Dort sehen Sie die genau beteiligten Ressourcen (die konkreten Skripte, Stylesheets oder Bilder), wie viel jede einzelne kostet, und eine Anleitung, wie Sie sie beheben. So gelangen Sie von der kurzen priorisierten Liste zu den Details, die Sie brauchen, ohne den Bericht durchsuchen zu müssen.

Verwandt