Webdesignerin

Webdesignerin

Dipl. Wi. Infrom. Susanne Wollatz

Google-Lighthouse

Google-Lighthouse ist ein kostenloses Analysetool von Google, das Websites auf Leistung, Barrierefreiheit, SEO und technische Qualität prüft. Es zeigt, wie gut eine Website aufgebaut ist – und wo sie sich verbessern lässt.

Google-Lighthouse wurde von Google entwickelt, um die Qualität und Nutzerfreundlichkeit von Webseiten zu bewerten. Sie können es direkt im Chrome-Browser über die Entwicklertools (DevTools) starten.
So geht’s:
Öffnen Sie Ihre Website in Chrome, klicken Sie mit der rechten Maustaste auf die Seite und wählen Sie „Untersuchen“. Wählen Sie dann den Reiter „Lighthouse“ aus, bestimmen Sie den Modus (Mobile oder Desktop) und klicken Sie auf „Analyze page load“. Nach wenigen Sekunden erscheint ein detaillierter Bericht.

Die Analyse umfasst mehrere Bereiche:

  1. Leistung (Performance):
    Lighthouse misst, wie schnell Ihre Website lädt und reagiert.
    Dabei werden wichtige Kennzahlen bewertet:

    • LCP (Largest Contentful Paint): misst, wann das größte sichtbare Element geladen ist – sollte unter 2,5 Sekunden liegen.

    • CLS (Cumulative Layout Shift): misst, wie stabil das Layout ist – sollte kleiner als 0,1 sein.

    • FCP (First Contentful Paint): zeigt, wann der erste sichtbare Inhalt erscheint.

    • TBT (Total Blocking Time): misst die Zeit, in der die Seite auf Eingaben nicht reagiert.

    • SI (Speed Index): zeigt, wie schnell der sichtbare Teil der Seite aufgebaut wird.
      Der Bericht enthält konkrete Tipps, z. B. Caching aktivieren, Bilder optimieren, unnötigen JavaScript-Code entfernen oder Weiterleitungen vermeiden.

  2. Barrierefreiheit (Accessibility):
    Lighthouse prüft, ob Ihre Website für alle Menschen nutzbar ist – auch für Personen mit Einschränkungen. Es erkennt fehlende Alt-Texte, zu geringe Kontraste oder nicht erreichbare Bedienelemente und gibt Hinweise zur Verbesserung.

  3. Best Practices:
    Das Tool kontrolliert, ob Ihre Website modernen Webstandards entspricht. Dazu gehören z. B. eine sichere HTTPS-Verbindung, der richtige Umgang mit Bildern, Scripts und externen Ressourcen.

  4. SEO (Suchmaschinenoptimierung):
    Lighthouse analysiert grundlegende SEO-Faktoren – etwa, ob Meta-Tags vorhanden sind, Überschriften korrekt strukturiert sind und die Seite von Suchmaschinen gut gelesen werden kann.

Das Ergebnis ist ein detaillierter Bericht mit einer Bewertung von 0 bis 100 Punkten je Kategorie. Anhand dieser Werte sehen Sie sofort, wo Ihre Website bereits stark ist – und wo noch Optimierungspotenzial besteht.

Praxisbeispiel:
Wenn Lighthouse eine Performance-Bewertung von 68 Punkten anzeigt, liegt das vielleicht an zu großen Bildern oder blockierendem JavaScript. Sie sehen im Bericht genau, welche Ressourcen Sie anpassen sollten, um die Ladezeit zu verkürzen und die Nutzererfahrung zu verbessern.

Google Lighthouse ist damit ein unverzichtbares Werkzeug für Webdesigner, Entwickler und SEO-Experten, um Websites technisch, optisch und strukturell zu optimieren.