Dokumentation
Alles, was du über die Nutzung unseres Performance-Test-Tools wissen musst
Erste Schritte
Die Nutzung unseres Core Web Vitals Test-Tools ist einfach und unkompliziert:
URL eingeben
Gib die vollständige URL der Seite ein, die du analysieren möchtest (z.B. https://beispiel.de).
Gerät wählen
Wähle, ob du für Mobile- oder Desktop-Nutzer testen möchtest.
Analysieren klicken
Warte einige Sekunden, während wir deine Seite mit der Google PageSpeed Insights API analysieren.
Ergebnisse prüfen
Untersuche deine Core Web Vitals Scores und Optimierungsempfehlungen.
Ergebnisse verstehen
Deine Ergebnisse enthalten zwei Arten von Daten:
Field Data (Echte Nutzer)
Gesammelt von echten Chrome-Nutzern, die deine Website besuchen. Dies repräsentiert die tatsächliche Nutzererfahrung.
Lab Data (Simuliert)
In einer kontrollierten Umgebung mit Lighthouse gesammelt. Nützlich zum Debuggen spezifischer Probleme.
Metriken erklärt
Die drei Core Web Vitals Metriken messen verschiedene Aspekte der Nutzererfahrung:
LCP (Largest Contentful Paint)
Misst, wann das größte Inhaltselement (Bild, Video oder Textblock) sichtbar wird. Ein schnelles LCP signalisiert Nutzern, dass die Seite nützlich ist.
INP (Interaction to Next Paint)
Misst, wie schnell die Seite auf Benutzerinteraktionen wie Klicks und Tippen reagiert. Ein niedriges INP bedeutet, dass sich die Seite reaktionsfähig anfühlt.
CLS (Cumulative Layout Shift)
Misst unerwartete Layoutverschiebungen. Ein niedriges CLS bedeutet, dass Elemente an Ort und Stelle bleiben und nicht herumspringen.
Für eine vollständige Liste aller Performance-Metriken, besuche unser Glossar
Score-Interpretation
Der Gesamtleistungs-Score wird basierend auf gewichteten Metriken berechnet:
Optimierungstipps
Hier sind einige allgemeine Tipps zur Verbesserung deiner Core Web Vitals:
Bilder optimieren
Verwende moderne Formate (WebP, AVIF), komprimiere Bilder und implementiere Lazy Loading für Bilder unterhalb des sichtbaren Bereichs.
JavaScript minimieren
Entferne ungenutztes JavaScript, verschiebe nicht-kritische Scripts und unterteile lange Aufgaben, um die Interaktivität zu verbessern.
Platz für dynamische Inhalte reservieren
Gib immer Abmessungen für Bilder, Embeds und Anzeigen an, um Layoutverschiebungen zu verhindern.
Schnellen Hosting-Anbieter nutzen
Erwäge die Nutzung eines CDN oder einer Edge-Caching-Lösung wie fast.site, um die Time to First Byte (TTFB) zu reduzieren.