Mit Lighthouse und Chrome DevTools können Sie Ihre Fähigkeiten zur Leistungsanalyse verbessern.
Als Entwickler haben Sie oft keinen Einfluss darauf, welche Drittanbieter-Scripts auf Ihrer Website geladen werden. Bevor Sie Drittanbieterinhalte optimieren können, müssen Sie ein wenig detektivische Arbeit leisten, um herauszufinden, was Ihre Website verlangsamt. 🕵️
In diesem Beitrag erfahren Sie, wie Sie mit Lighthouse und den Chrome-Entwicklertools langsame Drittanbieterressourcen identifizieren. Der Artikel führt Sie durch immer robustere Verfahren, die sich am besten in Kombination einsetzen lassen.
Wenn Sie nur 5 Minuten Zeit haben
Mit der Lighthouse-Leistungsanalyse können Sie Möglichkeiten finden, das Laden von Seiten zu beschleunigen. Langsame Drittanbieterscripts werden wahrscheinlich im Bereich Diagnose unter den Prüfungen Ausführungszeit von JavaScript reduzieren und Enorme Netzwerknutzlasten vermeiden angezeigt.
So führen Sie eine Prüfung durch:
- Drücken Sie Strg + Umschalttaste + J (oder Befehlstaste + Optionstaste + J auf einem Mac), um die Entwicklertools zu öffnen.
- Klicken Sie auf den Tab Lighthouse.
- Klicken Sie auf Mobilgeräte.
- Klicken Sie das Kästchen Leistung an. Sie können die restlichen Kästchen im Bereich „Audits“ deaktivieren.
- Klicken Sie auf Simuliertes schnelles 3G, 4-fache CPU-Verlangsamung.
- Klicken Sie das Kästchen Speicherplatz freigeben an.
- Klicken Sie auf Analysen ausführen.