Core Web Vitals für kleine Unternehmen: Ein verständlicher Leitfaden zu LCP, INP und CLS

Google nutzt jetzt die tatsächliche Nutzererfahrung als Rankingfaktor, und für Websites kleiner Unternehmen bedeutet das, dass Core Web Vitals wichtiger denn je sind. Wenn sich Ihre Website langsam oder ruckelig anfühlt, verlieren Sie Besucher und Rankings. Die gute Nachricht: Sie müssen kein Entwickler sein, um die größten Probleme zu beheben.

Was sind Core Web Vitals wirklich?

Core Web Vitals sind drei spezifische Messwerte, mit denen Google bewertet, wie Nutzer Ihre Seiten erleben. Betrachten Sie sie als Gesundheitscheck für die Geschwindigkeit, Reaktionsfähigkeit und visuelle Stabilität Ihrer Website.

• LCP (Largest Contentful Paint) – Wie lange es dauert, bis der Hauptinhalt (meist ein Hero-Bild oder eine Überschrift) erscheint. Ziel: unter 2,5 Sekunden.
• INP (Interaction to Next Paint) – Wie schnell Ihre Seite reagiert, wenn jemand klickt oder tippt. Ziel: unter 200 Millisekunden.
• CLS (Cumulative Layout Shift) – Wie stark Ihre Seite beim Laden springt. Ziel: weniger als 0,1.

Wenn einer dieser Werte im roten Bereich liegt, bemerkt Google das – und Ihre Besucher ebenfalls.

So prüfen Sie Ihre eigenen Werte (ohne Code)

Sie haben zwei kostenlose Tools, die Ihnen genau zeigen, wo Sie stehen.

PageSpeed Insights – Gehen Sie zu pagespeed.web.dev, geben Sie Ihre URL ein und klicken Sie auf Analysieren. Sie erhalten eine Bewertung für Mobilgeräte und Desktop sowie eine Liste konkreter Optimierungsmöglichkeiten. Der Abschnitt „Leistungsprobleme diagnostizieren“ ist Ihre To-do-Liste.

Google Search Console – Wenn Sie Ihre Website verifiziert haben, sehen Sie unter „Experience“ > „Core Web Vitals“ nach. Hier werden echte Daten von tatsächlichen Besuchern angezeigt, gruppiert nach URL. Sie erfahren, welche Seiten „Poor“, „Need improvement“ oder „Good“ sind.

Führen Sie beide aus. PageSpeed Insights liefert Labordaten und Lösungen; die Search Console zeigt, wie echte Nutzer Ihre Website im Laufe der Zeit erleben.

Priorisierte No-Code-Lösungen, die wirklich etwas bringen

Sie müssen keine einzige Zeile Code anfassen. Beginnen Sie mit diesen drei Lösungen in der angegebenen Reihenfolge.

1. Hero-Bilder komprimieren und in der Größe anpassen

Ihr LCP ist fast immer ein Bild. Ein 4 MB großes Hero-Foto ist der häufigste Killer.

• Passen Sie Bilder auf die exakten Anzeigemaße an (in der Regel nicht breiter als 1600 px).
• Komprimieren Sie sie mit kostenlosen Tools wie Squoosh oder TinyPNG – Ziel: unter 200 KB.
• Verwenden Sie das WebP-Format, wenn Ihre Plattform es unterstützt.

Wenn Sie webceke nutzen, werden Bilder automatisch optimiert und in modernen Formaten ausgeliefert, sodass dies für Sie erledigt ist.

2. Render-blockierende Slider und schwere Schriftarten entfernen

Slider und Karussells laden mehrere große Bilder und JavaScript, bevor überhaupt etwas anderes erscheinen kann. Sie verzögern den LCP und beeinträchtigen den INP. Ersetzen Sie sie durch ein einzelnes statisches Hero-Bild oder ein einfaches Raster.

Schwere Schriftarten sind ein weiterer Übeltäter. Jede Schriftdatei ist ein separater Download. Beschränken Sie sich auf ein oder zwei Schriftfamilien und verwenden Sie nach Möglichkeit Systemschriften. Wenn Sie benutzerdefinierte Schriftarten verwenden müssen, laden Sie nur die Schriftstärken, die Sie tatsächlich benötigen.

3. Platz für Anzeigen und Embeds reservieren

CLS entsteht, wenn Inhalte ohne feste Größe geladen werden. Anzeigen, YouTube-Embeds und Social-Media-Beiträge sind häufige Verursacher.

• Setzen Sie immer explizite Breiten- und Höhenattribute für Bilder und iframes.
• Reservieren Sie für Anzeigen einen Container mit fester Größe im Layout, bevor die Anzeige geladen wird.
• Vermeiden Sie das Einfügen von Bannern oder Pop-ups über vorhandenen Inhalten.

Dadurch springt die Seite nicht mehr und Ihr CLS-Wert bleibt niedrig.

Vorher und Nachher: Ein reales Beispiel

Eine lokale Bäckerei hatte einen LCP von 5,8 Sekunden, einen INP von 340 ms und einen CLS von 0,32. Nach der Komprimierung des Hero-Bildes, dem Entfernen eines Sliders und dem Reservieren von Platz für ein Instagram-Embed sanken die Werte auf 1,9 s LCP, 120 ms INP und 0,04 CLS.

Die Ergebnisse gingen über die Geschwindigkeit hinaus:

• Organischer Traffic stieg um 42 % in drei Monaten.
• Die Absprungrate fiel von 68 % auf 41 %.
• Online-Bestellungen stiegen um 27 %.

Bessere Core Web Vitals bedeuteten, dass mehr Menschen blieben, sich umsahen und kauften.

Ihr nächster Schritt

Core Web Vitals für Websites kleiner Unternehmen sind nicht nur ein technisches Häkchen – sie beeinflussen direkt, wie viele Kunden Sie finden und Ihnen vertrauen. Prüfen Sie noch heute Ihre Werte mit PageSpeed Insights und der Search Console und gehen Sie dann die drei oben genannten Lösungen an.

Wenn Sie die manuelle Arbeit lieber überspringen möchten, erstellt webceke schnelle, mobilfreundliche Websites, die Bilder, Schriftarten und Layoutstabilität automatisch optimieren. Testen Sie webceke kostenlos und erhalten Sie eine Website, die vom ersten Tag an grün bewertet wird.