Lighthouse Opportunities

Ihr LoadFocus-Page-Speed-Ergebnis zeigt eine kuratierte Liste Größte 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 Größte Optimierungen in jedem Page-Speed-Ergebnis, direkt unter den Score-Anzeigen und über dem Panel mit den Felddaten echter Nutzer und den Berichts-Tabs. 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, zuerst nach eingesparter Zeit und dann nach Download-Größe sortiert. Audits, die die Seite bereits besteht oder für die es keine geschätzte Einsparung gibt, entfallen; eine Seite, an der nichts zu beheben ist, zeigt daher keine Liste.

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.

Eine Korrektur vor dem Release testen

Um zu sehen, was eine Korrektur bringen würde, bevor Sie sie bauen, starten Sie im selben Ergebnis ein Experiment: Entfernen Sie ein Skript oder laden Sie es mit defer, laden Sie ein Bild vor oder ändern Sie das HTML auf einer Testkopie der Seite, und vergleichen Sie das mit der Seite, wie sie ist. Siehe Page-Speed-Experimente.

Verwandt