Website-Speed-Test
Leitfaden und Core-Web-Vitals-Checkliste (LCP, CLS, INP) und was die Ladezeit beeinflusst.
Tools · Leistung
Die Geschwindigkeit einer Website wird über die Core Web Vitals gemessen, die drei Kennzahlen von Google: LCP (wie schnell das Hauptelement lädt), CLS (wie stabil das Layout beim Laden bleibt) und INP (wie schnell die Seite auf Interaktionen reagiert). Dieser Leitfaden zeigt, was jede Kennzahl beeinflusst und was Sie für eine schnelle Website prüfen können. Websites auf 4shopy sind standardmäßig auf diese Werte optimiert.
- LCP (Largest Contentful Paint): Ladezeit des größten sichtbaren Elements. Ziel: unter 2,5 Sekunden.
- CLS (Cumulative Layout Shift): Stabilität des Layouts. Ziel: unter 0,1.
- INP (Interaction to Next Paint): Reaktionszeit auf Interaktionen. Ziel: unter 200 ms.
- Beeinflusst durch: Bildgrößen, Schriften, externe Skripte und reservierte Abmessungen.
Wie funktioniert es?
Messen Sie den Ausgangswert mit PageSpeed Insights oder Lighthouse — beide liefern LCP, CLS und INP für die getestete Seite.
Für ein gutes LCP: Bilder optimieren und komprimieren, das Hero-Bild mit Priorität laden und renderblockierende Skripte vermeiden.
Für ein gutes CLS: feste Abmessungen für Bilder und Werbeflächen reservieren und Schriften mit „display: swap" laden, damit der Text nicht springt.
Für ein gutes INP: die bei Interaktionen ausgeführte JavaScript-Menge reduzieren und nicht notwendige Skripte auf die Zeit nach dem ersten Laden verschieben.
Häufig gestellte Fragen
Was sind Core Web Vitals?
Core Web Vitals sind drei Erlebnis-Kennzahlen von Google: LCP (Ladezeit des Hauptinhalts), CLS (visuelle Stabilität) und INP (Reaktionsgeschwindigkeit auf Interaktionen). Sie sind Ranking-Faktoren in der Suche.
Wie schnell sollte eine Website laden?
Empfohlen werden ein LCP unter 2,5 Sekunden, ein CLS unter 0,1 und ein INP unter 200 Millisekunden. Unterhalb dieser Werte gilt das Erlebnis bei Google als „gut".
Was bremst eine Website am häufigsten aus?
Häufige Ursachen sind große, unkomprimierte Bilder, zu viele externe Skripte (Chat, Analytics, Werbung), renderblockierend geladene Schriften und fehlende reservierte Abmessungen für Bilder, die Layoutsprünge auslösen.
Wie teste ich die Geschwindigkeit meiner Website?
Nutzen Sie ein kostenloses Werkzeug wie Google PageSpeed Insights oder Lighthouse (in Chrome integriert). Sie geben die Seiten-URL ein und erhalten die Core-Web-Vitals-Werte samt konkreter Handlungsempfehlungen.
Verwandte Tools
Erstellen Sie Ihre Website mit 4shopy
Präsentationsseite, Online-Shop oder Marktplatz — von Anfang an für AI, GEO und SEO optimiert.
Preise ansehen →