Heute Vormittag stand bei einer Kundenseite viermal die 100 im Report: Leistung, Barrierefreiheit, Best Practices, SEO - alles grün. Ein schöner Moment, ehrlich gesagt. Aber bevor ich mir zu viel darauf einbilde, will ich hier aufschreiben, was diese vier Kreise tatsächlich messen und warum die volle Punktzahl nur die halbe Geschichte ist.
Was da eigentlich gemessen wird
Die Zahlen kommen aus Lighthouse, einem offenen Prüfwerkzeug von Google, das direkt in Chrome eingebaut ist. Es prüft eine Seite in vier Bereichen und vergibt pro Bereich einen Wert zwischen 0 und 100:
- Leistung misst, wie schnell die Seite lädt und bedienbar wird.
- Barrierefreiheit prüft, ob die Seite auch für Menschen mit Einschränkungen nutzbar ist - Kontraste, Beschriftungen, Tastaturbedienung.
- Best Practices schaut auf sauberes Handwerk: HTTPS, keine Fehler in der Konsole, aktuelle Standards.
- SEO kontrolliert die technischen Grundlagen, damit Suchmaschinen die Seite verstehen und einordnen können.
Der Leistungswert speist sich vor allem aus den Core Web Vitals - drei Messwerten, die Google als Schwelle für ein gutes Nutzererlebnis definiert hat. Der größte Inhalt soll innerhalb von 2,5 Sekunden sichtbar sein (LCP), die Reaktion auf eine Eingabe unter 200 Millisekunden bleiben (INP) und das Layout darf während des Ladens nicht springen (CLS unter 0,1). Erreicht eine Seite alle drei, fühlt sie sich für den Besucher einfach flüssig an.
Warum 100 nicht automatisch 100 ist
Der Lighthouse-Wert im Browser ist zunächst nur eine Labormessung. Er testet die Seite unter kontrollierten Bedingungen auf meinem Rechner. Was ein echter Besucher auf einem älteren Smartphone mit mittelmäßigem Mobilfunk erlebt, kann davon abweichen.
Deshalb schaue ich nach dem grünen Report immer noch in die Felddaten - also in das, was Google aus echten Aufrufen der Seite sammelt. Erst wenn beides zusammenpasst, ist die Optimierung für mich wirklich fertig. Die volle Punktzahl ist ein guter Indikator, kein Beweis.
Wie ich da hinkomme
Vier grüne Kreise sind selten das Ergebnis eines einzigen Kniffs. Es ist eher die Summe vieler kleiner, unspektakulärer Entscheidungen. Bei dieser Seite waren es im Kern:
- Bilder in der richtigen Größe und im richtigen Format. Das ist fast immer der größte Hebel. Jedes Bild nur so groß ausliefern, wie es angezeigt wird, und in einem modernen Format wie WebP. Warum das so viel ausmacht, habe ich im Detail in Warum Websites langsam sind beschrieben.
- Weniger blockierende Ressourcen. Skripte und Schriften so einbinden, dass sie das erste Rendern nicht ausbremsen.
- Barrierefreiheit von Anfang an. Ausreichende Farbkontraste, beschriftete Formularfelder, sinnvolle Alternativtexte. Das hilft nicht nur Menschen mit Einschränkungen, sondern hebt auch den entsprechenden Wert.
- Saubere technische Basis. HTTPS, korrekte Meta-Angaben, eine schlüssige Überschriften-Struktur und strukturierte Daten. Damit fallen Best Practices und SEO fast von allein grün aus.
Nichts davon ist Magie. Es ist gründliche Arbeit an vielen Stellen, die einzeln kaum auffallen und zusammen den Unterschied machen.
Was der Kunde davon tatsächlich hat
Die 100 sieht auf einem Screenshot gut aus, aber darum geht es nicht. Der Gewinn steckt eine Ebene tiefer: Die Seite lädt schnell, also springen weniger Besucher vorzeitig ab. Sie ist für alle bedienbar, auch mit Tastatur oder Screenreader. Und Suchmaschinen finden eine technisch einwandfreie Grundlage vor, auf der gute Inhalte überhaupt erst ranken können.
Genau diese Kombination baue ich in jedes Projekt ein - ob bei einer neuen Seite im Webdesign oder wenn ich eine bestehende Seite auf Tempo bringe. Wenn Ihre Seite sich zäh anfühlt oder Sie einfach wissen wollen, wo sie steht: Ein kurzer Blick in den Report zeigt es in wenigen Minuten.
