Google bewertet jede Seite anhand von drei Kennzahlen, die messen, wie sich eine Website tatsächlich anfühlt: wie schnell der Inhalt erscheint, wie schnell sie auf eine Berührung reagiert und ob sie unter dem Finger springt. Sie heißen Core Web Vitals und beeinflussen sowohl das Ranking als auch den Umsatz. So beheben Sie sie in der Praxis - mit echten Zahlen von einer Website, die wir gerade optimiert haben.
Die drei Kennzahlen, verständlich erklärt
LCP (Largest Contentful Paint) - wie lange es dauert, bis das größte Element auf dem Bildschirm erscheint: das Titelbild oder die Hauptüberschrift. Ziel: unter 2,5 Sekunden. Das ist der Wert, der bei bulgarischen Websites am häufigsten im roten Bereich liegt.
INP (Interaction to Next Paint) - wie verzögert die Seite reagiert, wenn Sie auf einen Button tippen oder ein Menü öffnen. Ziel: unter 200 Millisekunden. Der übliche Übeltäter ist schweres JavaScript.
CLS (Cumulative Layout Shift) - wie stark der Inhalt beim Laden „springt“. Jeder kennt Text, der genau dann wegrutscht, wenn man ihn liest, weil darüber eine Anzeige geladen wurde. Ziel: unter 0,1.
Ein echter Fall: von 6,4 auf 3,4 Sekunden
Eine frische Optimierung aus unserer eigenen Praxis. Die Startseite einer Website kam mobil auf LCP 6,4 Sekunden - tief im roten Bereich. Die Diagnose dauerte länger als die eigentliche Korrektur:
Das große Bild im Hero-Bereich war als CSS-Hintergrund (background-image) eingebunden. Der Unterschied ist grundlegend: Normale <img>-Tags erkennt der Browser sofort beim Lesen des HTML und beginnt sie zu laden; CSS-Hintergründe werden dagegen erst entdeckt, wenn das gesamte Stylesheet verarbeitet ist - also mit Sekunden Verzögerung. Obendrein bekamen Smartphones dasselbe 129-KB-Bild, das für einen breiten Monitor gemacht war.
Zwei Änderungen: ein Preload mit hoher Priorität, damit der Download sofort startet, und eine eigene mobile Version mit 30 KB. Ergebnis: LCP 3,4 Sekunden, und die Ladezeit des Bildes selbst sank von 5,9 auf 1,7 Sekunden. Ohne eine einzige Zeile am Design zu ändern.
Was beim LCP hilft
Das richtige Format
WebP statt PNG/JPG halbiert die Dateigröße bei gleicher Qualität. Liefern Sie niemals ein 2000 px breites Bild an ein Smartphone aus.
Preload für das Hero-Bild
Ein einziges <link rel="preload"> mit fetchpriority="high" für das erste große Bild spart oft auf einen Schlag Sekunden.
Schneller Server und Cache
Wenn der Server 600 ms zum Antworten braucht, starten Sie mit einer halben Sekunde Rückstand. Statischer Cache und das richtig gewählte Hosting lösen das.
Schriften
font-display: swap und nur die Schriftschnitte, die Sie brauchen. Fünf Schriften in je vier Stärken ergeben ein Megabyte, das niemand bestellt hat.
Was bei INP und CLS hilft
Für INP: Entfernen Sie Plugins, die Sie nicht nutzen (jedes lädt sein eigenes JavaScript), laden Sie Skripte von Drittanbietern verzögert - Chats, Pop-ups, Tracker - und seien Sie vorsichtig mit Animationsbibliotheken. Eine Website braucht selten drei gleichzeitig.
Für CLS ist das Rezept kurz: Geben Sie jedem Bild width und height, reservieren Sie Platz für Anzeigen und Banner, bevor sie geladen sind, und fügen Sie niemals Inhalte über dem ein, was jemand gerade liest.
Geschwindigkeit ist keine technische Eitelkeit. Jede zusätzliche Sekunde Ladezeit senkt die Conversions spürbar - bei einem Onlineshop ist das direkt verlorener Umsatz, jeden Tag (fragen Sie uns, wir rechnen es Ihnen aus).
Womit Sie messen
Fragen Sie uns nach einem kostenlosen SEO-Check - für einen schnellen Gesamtüberblick, einschließlich Server-Antwortzeit und Komprimierung. PageSpeed Insights (pagespeed.web.dev) - die schnellste Prüfung, zeigt auch echte Nutzerdaten, wenn die Website genug Traffic hat. Search Console → Core Web Vitals - zeigt alle Ihre Seiten auf einmal und welche Gruppen im roten Bereich sind. Lighthouse im Browser - für die detaillierte Diagnose während der Entwicklung. Messen Sie immer die mobile Version: Nach ihr bewertet Google Sie.
Wenn Korrekturen nicht reichen
Manchmal liegt das Problem nicht in den Einstellungen, sondern im Fundament: eine Website, beladen mit einem schweren Page Builder, 40 Plugins und einem Theme, das vor sechs Jahren für 40 Dollar gekauft wurde. In solchen Fällen ist Optimierung wie neue Reifen für ein Auto mit kaputtem Motor - es ist sinnvoller, in eine neue Website (wann genau der richtige Zeitpunkt ist) mit sauberer Grundlage zu investieren, als die alte endlos zu flicken. Ist die Website gut, aber vernachlässigt, hält regelmäßige Wartung sie schnell, statt dass Sie sie alle zwei Jahre einmal reparieren.
Fazit
Core Web Vitals sind kein Mysterium - es sind drei Zahlen mit klaren Zielen und bekannten Heilmitteln. LCP unter 2,5 s, INP unter 200 ms, CLS unter 0,1. Beginnen Sie mit der Messung der mobilen Version, nehmen Sie sich das größte Bild und die Server-Antwortzeit vor, und in den meisten Fällen gewinnen Sie mit wenigen Stunden Arbeit Sekunden.
Sie wissen nicht, wo bei Ihnen der Engpass liegt? Schreiben Sie uns - wir messen Ihre Website und sagen Ihnen genau, welche drei Dinge Sie zuerst beheben sollten und was Sie dadurch gewinnen.
