Core Web Vitals für Unternehmenswebsites optimieren
Die drei Kennzahlen, die UX und SEO-Ranking bestimmen — und wie wir Lighthouse über 95 bringen.
Nutzer verlassen eine Seite innerhalb der ersten drei Sekunden, wenn sie langsam ist. Google weiß das und hat seit 2021 Core Web Vitals zu einem Ranking-Faktor gemacht. Für eine Unternehmenswebsite ist Geschwindigkeit kein technisches Detail mehr — sie ist Umsatz.
Die drei Kennzahlen, die Sie auswendig kennen sollten
LCP misst, wann das größte Element erscheint. INP misst die Eingabeverzögerung. CLS misst die Layoutverschiebung. Eine gute Seite benötigt einen LCP unter 2,5 s, einen INP unter 200 ms und einen CLS unter 0,1.
- LCP — Bilder optimieren und Inhalte above the fold priorisieren.
- INP — JavaScript aufteilen und das Blockieren des Hauptthreads vermeiden.
- CLS — feste Abmessungen für Bilder, Schriften und Anzeigen reservieren.
Wie wir über 95 erreichen
Wir beginnen mit der Architektur: Server-side Rendering, routenbasiertes Bundle-Splitting und Lazy-Loading von allem unterhalb des Folds. Bilder werden als gerätegerechtes AVIF/WebP ausgeliefert; Schriften laden mit font-display: swap, sodass Text sofort erscheint.
Performance ist keine einmalige Aufgabe. Sie ist Disziplin in jedem Pull Request.
— Huy Nguyễn
Schließlich ergänzen wir Real-User-Monitoring (RUM), um Kennzahlen auf echten Geräten zu verfolgen, nicht nur im Labor. Das ist der Unterschied zwischen einer hübschen Zahl und einem wirklich schnellen Erlebnis.
Acht Jahre Erfahrung in der Optimierung der Web-Performance für Produkte im großen Maßstab. Ist überzeugt, dass Geschwindigkeit ein Feature ist.