Viele Agenturen schreiben auf ihre Website, dass ihnen Performance, Barrierefreiheit, Best Practices und SEO wichtig sind. Das klingt gut, ist aber erst einmal nur eine Behauptung. Interessant wird es dort, wo diese Qualität überprüfbar wird.
Bei unserer neuen Website wollten wir genau das erreichen: ein Auftritt, der visuell zu uns passt, aber technisch nicht gegen die eigene Aussage arbeitet. Deshalb haben wir nicht erst am Ende "noch SEO gemacht", sondern Performance, Accessibility und technische Struktur von Anfang an als Teil der Umsetzung behandelt.
Das Ergebnis im Lighthouse-Check der Startseite vom 9. Mai 2026: 100 Punkte in Performance, Accessibility, Best Practices und SEO. Das ist kein Zertifikat und keine Garantie für jede reale Nutzerumgebung. Es ist aber ein gutes Signal dafür, dass die Grundlagen stimmen.
Warum ein Score allein nicht reicht
Ein Lighthouse-Test ist eine Labor-Messung. Er läuft unter bestimmten Bedingungen, mit bestimmtem Gerät, bestimmter Verbindung und bestimmtem Seitenzustand. Werte können sich ändern, wenn Inhalte, Tracking, Bilder, externe Skripte oder Komponenten angepasst werden.
Deshalb wäre es falsch zu sagen: "Die Website ist perfekt." Professioneller ist: Der Score zeigt, dass die technische Basis sauber ist und dass die wichtigsten Qualitätsbereiche nicht erst nachträglich geflickt wurden.
Für uns ist so ein Report vor allem ein Hygiene-Check:
- Lädt die Seite schnell genug?
- Ist der Hauptinhalt früh sichtbar?
- Blockiert JavaScript die Interaktion?
- Springt das Layout beim Laden?
- Sind Kontraste, Fokuszustände und Struktur zugänglich?
- Sind Meta-Daten, Sitemap, strukturierte Daten und Canonicals sinnvoll gesetzt?
- Gibt es technische Muster, die Browser oder Suchmaschinen unnötig ausbremsen?
Wenn eine Website hier schon im Grundzustand schwach ist, wird sie mit echten Inhalten, Formularen, Tracking und Wachstum selten besser.
Performance: Geschwindigkeit entsteht durch Architektur
Performance beginnt nicht beim Komprimieren einer Datei am Ende des Projekts. Sie beginnt bei Architekturentscheidungen.
Bei einer modernen Website sind vor allem diese Punkte entscheidend:
- Weniger unnötiges JavaScript: Nicht jede Interaktion braucht einen großen Client-Bundle.
- Stabile Layouts: Bilder, Karten und Sektionen brauchen feste Größenverhältnisse, damit nichts springt.
- Optimierte Medien: AVIF/WebP, passende Bildgrößen und saubere
sizes-Angaben reduzieren Übertragung. - Sinnvolle Fonts: Wenige Schriftschnitte, Preloading dort, wo es relevant ist, und keine unnötigen externen Abhängigkeiten.
- Klare Komponenten: UI sollte wiederverwendbar sein, ohne überall zusätzliche Sonderlogik zu erzeugen.
Im gemessenen Lauf lagen First Contentful Paint bei 0,5 Sekunden, Largest Contentful Paint bei 0,7 Sekunden, Total Blocking Time bei 0 Millisekunden und Cumulative Layout Shift bei 0. Das sind gute Laborwerte, weil sie zeigen: Die Seite malt früh, blockiert wenig und bleibt beim Laden stabil.
In der Praxis bleibt Performance trotzdem ein Prozess. Neue Bilder, neue Integrationen oder Analytics können Werte verändern. Deshalb sollte Performance nicht als einmalige Aufgabe verstanden werden, sondern als feste Prüfung vor größeren Releases.
Barrierefreiheit: nicht als Extra behandeln
Barrierefreiheit wird oft erst dann diskutiert, wenn ein Audit ansteht. Das ist zu spät. Viele Accessibility-Probleme entstehen bereits in kleinen Design- und Codeentscheidungen:
- zu schwacher Kontrast
- fehlende Fokuszustände
- nicht bedienbare Menüs
- unklare Linktexte
- falsche Überschriftenstruktur
- fehlende Labels in Formularen
- Inhalte, die nur visuell verständlich sind
Wir behandeln Barrierefreiheit deshalb als Bestandteil der normalen UI-Qualität. Dazu gehören semantisches HTML, sinnvolle Überschriften, sichtbare Fokuszustände, Tastaturbedienbarkeit, robuste Formularlabels und Texte, die nicht nur im Design funktionieren, sondern auch in Screenreadern und auf kleinen Viewports.
Ein Lighthouse-Accessibility-Score ersetzt keinen vollständigen WCAG-Audit. Er erkennt nicht jede reale Nutzungssituation. Aber er findet viele Basisthemen und zwingt dazu, die Oberfläche technisch ernst zu nehmen.
Best Practices: die unsichtbare Qualität
Best Practices sind selten der Teil einer Website, den Nutzer bewusst wahrnehmen. Genau deshalb werden sie gern vernachlässigt. Trotzdem beeinflussen sie Sicherheit, Wartbarkeit und Vertrauen.
Für uns gehören dazu unter anderem:
- HTTPS und saubere Security-Grundlagen
- aktuelle Framework- und Dependency-Versionen
- keine unnötigen Browserfehler
- sinnvolle Fehlerseiten
- valide Links und Redirects
- stabile Formulare mit nachvollziehbarer Validierung
- klare Trennung zwischen Inhalt, Layout und Verhalten
- robuste Bild- und Font-Strategie
Diese Punkte machen eine Website nicht automatisch schön. Aber sie verhindern, dass ein gutes Design auf einer fragilen technischen Basis steht.
SEO: nicht Keyword-Deko, sondern technische Klarheit
SEO wird oft auf Texte und Keywords reduziert. Beides ist wichtig, aber technische SEO beginnt früher.
Eine Website sollte Suchmaschinen klar erklären:
- Welche URL ist die kanonische Version?
- Welche Seiten sollen indexiert werden?
- Welche Sprache und Alternativversionen gibt es?
- Welche Inhalte sind Artikel, Referenzen, Organisation, Service oder Kontaktseite?
- Welche Bilder und Meta-Daten sollen in Vorschauen erscheinen?
- Welche alten URLs müssen sauber weitergeleitet werden?
Bei unserer Website sind deshalb Metadaten, Open Graph, strukturierte Daten, Sitemaps, Redirects und lokalisierte Pfade Teil der Umsetzung. Nicht als "SEO-Plugin am Ende", sondern als normale technische Arbeit.
Gute SEO heißt für uns nicht, Suchmaschinen auszutricksen. Gute SEO heißt, Inhalte so klar zu strukturieren, dass Menschen und Maschinen verstehen, worum es geht.
Was der neue Auftritt über unsere Arbeitsweise sagt
Wir wollten mit der neuen Website nicht nur eine bessere Oberfläche bauen. Wir wollten zeigen, wie wir grundsätzlich arbeiten:
- Gestaltung und Technik gehören zusammen.
- Qualität muss überprüfbar sein.
- Performance ist eine Produktentscheidung.
- Barrierefreiheit ist Teil professioneller Umsetzung.
- SEO beginnt in der Informationsarchitektur.
- Saubere Details sind nicht Luxus, sondern reduzieren spätere Reibung.
Das ist auch der Anspruch, den wir in Kundenprojekten haben. Nicht jede Seite braucht denselben technischen Aufwand. Nicht jedes Projekt muss alle Metriken maximal ausreizen. Aber jedes Projekt profitiert davon, wenn Qualität nicht nur behauptet, sondern systematisch eingebaut und überprüft wird.
Was wir aus dem Score nicht ableiten
Es wäre unseriös, aus einem Lighthouse-Report zu schließen, dass eine Website dauerhaft perfekt ist. Gute Werte können durch spätere Änderungen schlechter werden. Mobile Feldwerte können von Desktop-Laborwerten abweichen. Externe Tools können zusätzliche Last erzeugen. Neue Inhalte können Layout und Bildgrößen verändern.
Deshalb ist der wichtigste Punkt nicht der Score selbst. Der wichtigste Punkt ist die Arbeitsweise dahinter: messen, verstehen, verbessern und nicht warten, bis Probleme sichtbar teuer werden.
