Die Accessible Astro Components Bibliothek liefert WCAG-konforme UI-Komponenten wie Accordion, Modal, Tabs und Forms für barrierefreie Astro-Projekte.
Was ist CrUX (Chrome User Experience Report)?
CrUX steht für Chrome User Experience Report, ein öffentliches Datenset von Google mit echten Nutzungsdaten zur Performance von Millionen Websites. CrUX misst, wie reale Chrome Nutzer eine Seite tatsächlich erleben, und bildet damit die Felddaten Grundlage für die Core Web Vitals und das Page Experience Ranking Signal von Google.
Die Daten stammen ausschließlich von eingewilligten Chrome Nutzern, die ihre Verlauf Synchronisierung und Nutzungsstatistiken aktiviert haben. Google aggregiert sie anonymisiert über ein rollierendes 28 Tage Fenster und wertet jede Metrik am 75 Perzentil aus.
Die wichtigsten Eckdaten zu CrUX auf einen Blick:
- Datentyp: Felddaten von echten Chrome Nutzern, nicht aus dem Labor
- Verfügbar seit: 2017, heute rund 15 Millionen Origins
- Zeitfenster: rollierende 28 Tage
- Aggregation: 75 Perzentil pro Metrik
- Bewertung: gut erst, wenn 75 Prozent der Besuche den Schwellenwert erreichen
Damit ist CrUX die wichtigste Quelle, wenn es um messbare Website Performance geht. Wer seine Ladezeiten und seine Stabilität verbessern will, kommt an den CrUX Felddaten nicht vorbei.
CrUX mit NCA: Performance Beratung vom Frontend Experten
Never Code Alone arbeitet täglich mit echten Performance Daten. Unsere eigene Plattform läuft auf Astro und Sulu CMS, wir messen Core Web Vitals in Beratungsprojekten und überwachen Produktionssysteme mit Sentry und Grafana. CrUX Felddaten sind für uns kein Theorie Thema, sondern fester Bestandteil jeder Optimierung von Ladezeit und Stabilität.
Konkret unterstützen wir Teams bei der Performance Optimierung mit Astro, bei einer sauberen Islands Architektur für schnelle Ladezeiten und beim statischen Build ohne Ballast. Im Vibe Coding Consulting ordnen wir Mess Tools und Metriken ein, und mit automatisiertem Testing sichern wir ab, dass eine schnelle Seite auch schnell bleibt.
Lass uns sprechen
Finde das passende Angebot für dein Projekt
🤖
Hey! Ich bin CodeBot. Lass uns herausfinden, wie wir dein Projekt zum Fliegen bringen.
Was soll entstehen?
Felddaten vs Labordaten: der entscheidende Unterschied
Der wichtigste Punkt an CrUX: Es liefert Felddaten, also Messwerte von echten Nutzern unter realen Bedingungen. Das unterscheidet CrUX grundlegend von Labordaten, wie sie Lighthouse oder WebPageTest in einer kontrollierten Testumgebung erzeugen.
- Felddaten (CrUX): echte Geräte, echte Netzwerke, echte Standorte. Google nutzt sie für das Ranking.
- Labordaten (Lighthouse): reproduzierbar und ideal zum Debuggen, bilden aber nicht die Vielfalt realer Nutzer ab.
Die Faustregel lautet: Felddaten entscheiden über das Ranking, Labordaten helfen beim gezielten Optimieren. Beide gehören in einen sauberen Workflow. Wer nur auf den Lighthouse Score schaut, optimiert an der Realität vorbei.
Die fünf Zugriffswege auf CrUX Daten
Google macht die CrUX Daten über mehrere Oberflächen zugänglich. Je nach Ziel eignet sich ein anderer Weg.
- PageSpeed Insights: schneller Blick auf Feld und Labordaten einer einzelnen URL
- Google Search Console: Core Web Vitals Report mit Gruppierung ähnlicher Seiten
- BigQuery: vollständiges historisches Datenset für tiefe Analysen per SQL
- CrUX API: programmatischer Zugriff mit niedriger Latenz, täglich aktualisiert
- CrUX Dashboard und CrUX Vis: visuelle Trend Auswertung über die Zeit
Für die meisten Teams ist die Search Console der Startpunkt, weil sie direkt die rankingrelevanten Felddaten zeigt. Wer Wettbewerber vergleichen oder historische Trends auswerten will, greift zu BigQuery oder der CrUX API.
Core Web Vitals: die Schwellenwerte im Überblick
CrUX bewertet drei zentrale Core Web Vitals jeweils am 75 Perzentil. Jede Metrik hat klare Schwellenwerte für gut, verbesserungswürdig und schlecht. Die folgende Tabelle fasst die guten Werte zusammen, darunter findest du dieselben Daten als Grafik.
| Metrik | Was sie misst | Guter Wert (p75) |
|---|---|---|
| LCP (Largest Contentful Paint) | Ladezeit des größten sichtbaren Inhalts | unter 2,5 Sekunden |
| INP (Interaction to Next Paint) | Reaktionszeit auf Nutzereingaben | unter 200 Millisekunden |
| CLS (Cumulative Layout Shift) | Visuelle Stabilität des Layouts | unter 0,1 |
| FCP und TTFB | Ergänzende Lade und Server Signale | Diagnose Metriken |
CrUX in der Praxis: BigQuery, API und Search Console
In der täglichen Arbeit kombinieren wir mehrere CrUX Quellen, je nach Ziel:
- Search Console: zeigt, welche Seitengruppen rote Werte haben
- PageSpeed Insights: liefert für eine konkrete URL die Felddaten plus Lighthouse Hinweise zum Beheben
- BigQuery: das Mittel der Wahl für Reporting über viele Origins hinweg
Ein typischer Einstieg in die CrUX API sieht so aus:
Code:
# CrUX API: Felddaten fuer eine Origin abfragen
curl -X POST \
"https://chromeuxreport.googleapis.com/v1/records:queryRecord?key=DEIN_API_KEY" \
-d '{"origin": "https://nevercodealone.de"}'
Wichtig: CrUX braucht ausreichend Chrome Traffic. Seiten mit wenig Besuchen erhalten nur Daten auf Origin Ebene oder gar keine. Dann fällt Google für das Ranking auf die Origin Bewertung zurück. Eine durchdachte Performance Architektur und sauberes typsicheres Frontend zahlen langfristig auf bessere Felddaten ein.
CrUX reflects how real-world Chrome users experience popular destinations on the web
Unsere Erfahrung mit CrUX in NCA Projekten
In NCA Projekten sehen wir regelmäßig, dass Teams ihre Performance nur im Labor messen und sich über schlechte Rankings wundern. Der Lighthouse Score ist grün, aber die CrUX Felddaten sind rot. Der Grund: echte Nutzer surfen mit langsameren Geräten und Netzen, als die Testumgebung simuliert.
Wir setzen CrUX als Realitäts Check ein. Nach jeder Optimierung beobachten wir das 28 Tage Fenster, bis sich Verbesserungen in den Felddaten zeigen. Dabei verbinden wir Performance mit weiteren Qualitätszielen: Barrierefreiheit nach WCAG, korrekte ARIA Patterns und Security in der Pipeline. End to End sichern wir mit Cypress ab, die statische Analyse läuft über unsere CI. Wer eine schnelle, stabile und barrierefreie Seite will, findet im Vibe Coding Consulting den passenden Einstieg.
Frontend 2025: Optimieren Sie Ihre Webseite mit Astro JS und nutzen Sie die Vorteile der Barrierefreiheit
Optimieren Sie Ihre Webseite mit Astro JS und nutzen Sie die Vorteile einer schnellen, sicheren und barrierefreien Webseite. Erfüllen Sie die gesetzlichen Anforderungen und verbessern Sie die Benutzererfahrung Ihrer Webseite. Mit Astro JS können Sie die Ladezeit reduzieren, die Sicherheit maximieren und die SEO-Optimierung verbessern. Kontaktieren Sie uns, um mehr zu erfahren und um Ihre Webseite auf ein neues Level zu heben.
Astro JS Frontend
E-Mail Kontakt
Häufige Fragen zu CrUX 2026
Die wichtigsten Fragen und Antworten rund um den Chrome User Experience Report, Core Web Vitals und Felddaten.
Was ist CrUX 2026?
CrUX 2026 ist der Chrome User Experience Report, Googles öffentliches Datenset mit echten Felddaten zur Performance von Websites. Es misst, wie reale Chrome Nutzer Seiten erleben, und liefert die Core Web Vitals für das Page Experience Ranking. 2026 deckt CrUX rund 15 Millionen Origins ab.
Welche Core Web Vitals misst CrUX 2026?
CrUX misst 2026 drei zentrale Core Web Vitals: Largest Contentful Paint für die Ladezeit, Interaction to Next Paint für die Reaktionsschnelligkeit und Cumulative Layout Shift für die visuelle Stabilität. Ergänzend erfasst der Report First Contentful Paint und Time to First Byte als Diagnose Signale.
Sind CrUX Daten 2026 ranking relevant?
Ja. Die Core Web Vitals aus CrUX sind 2026 Teil des Page Experience Ranking Signals von Google. Felddaten von echten Nutzern fließen direkt in die Bewertung ein. Labordaten aus Lighthouse dienen dagegen nur dem Debugging und beeinflussen das Ranking nicht.
Wie greife ich 2026 auf CrUX Daten zu?
2026 stehen fünf Wege offen: PageSpeed Insights für eine schnelle URL Prüfung, die Search Console mit dem Core Web Vitals Report, BigQuery für das volle historische Datenset, die CrUX API für programmatischen Zugriff und das CrUX Dashboard für visuelle Trends. Für die meisten Teams ist die Search Console der Startpunkt.
Warum hat meine Seite 2026 keine CrUX Daten?
Fehlende CrUX Daten bedeuten 2026 meist zu wenig Chrome Traffic. CrUX braucht über 28 Tage genügend Seitenaufrufe, um zuverlässige Werte zu bilden. Seiten mit wenig Besuchen erhalten nur Daten auf Origin Ebene oder gar keine. Login Bereiche und nicht öffentliche URLs erscheinen ebenfalls nicht im Report.
Was ist der Unterschied zwischen Feld und Labordaten?
Felddaten wie CrUX stammen von echten Nutzern mit realen Geräten und Netzwerken. Labordaten wie Lighthouse entstehen in einer kontrollierten Testumgebung. Felddaten entscheiden über das Google Ranking, Labordaten helfen beim gezielten Optimieren und Debuggen. Beide Datenarten gehören in einen guten Performance Workflow.
Was bedeutet das 75 Perzentil bei CrUX?
Das 75 Perzentil heißt, dass 75 Prozent aller echten Nutzererlebnisse den Schwellenwert erreichen müssen, damit eine Metrik als gut gilt. Diese Aggregation verhindert, dass einzelne sehr schnelle oder sehr langsame Besuche das Ergebnis verzerren. CrUX bildet damit die Erfahrung der breiten Mehrheit ab.
Wie lange dauert es, bis CrUX Verbesserungen zeigt?
CrUX nutzt ein rollierendes 28 Tage Fenster. Nach einer Optimierung zeigt sich erste Wirkung oft nach etwa einer Woche, die volle Wirkung erst nach rund vier Wochen. Geduld ist wichtig: Wer zu schnell nachjustiert, kann Verbesserungen und neue Probleme nicht sauber auseinanderhalten.
Was sind die guten Schwellenwerte für Core Web Vitals?
Als gut gelten ein LCP unter 2,5 Sekunden, ein INP unter 200 Millisekunden und ein CLS unter 0,1. Diese Werte beziehen sich jeweils auf das 75 Perzentil der echten Nutzer. Erst wenn alle drei Metriken im grünen Bereich liegen, besteht eine Seite die Core Web Vitals Bewertung.
Ersetzt CrUX ein eigenes Real User Monitoring?
Nein. CrUX liefert nur aggregierte Werte auf Origin und URL Ebene, ohne Einblick in einzelne Sitzungen. Ein eigenes Real User Monitoring zeigt das vollständige Bild über alle Browser und erlaubt tiefe Analysen. CrUX und eigenes Monitoring ergänzen sich, ersetzen einander aber nicht.
Hat INP 2024 das alte FID abgelöst?
Ja, INP hat im März 2024 das frühere FID als Core Web Vital abgelöst. Interaction to Next Paint misst die Reaktionsschnelligkeit über den gesamten Seitenlebenszyklus, nicht nur die erste Interaktion. Damit bildet die Metrik die tatsächliche Bedienbarkeit einer Seite deutlich genauer ab.
Kann ich mit CrUX Wettbewerber vergleichen?
Ja. CrUX ist öffentlich, daher kannst du über BigQuery oder die CrUX API die Felddaten beliebiger Origins abfragen, sofern genügend Traffic vorhanden ist. Das eignet sich gut für Benchmarking gegen Mitbewerber. Beachte aber, dass nur Origins mit ausreichend Chrome Besuchen im Datenset erscheinen.
Entdecken Sie, wie Astro Images Ihre Website-Performance und SEO-Rankings revolutioniert. Unsere Agentur bietet Ihnen das nötige Know-how für Implementierung und Schulungen. Optimieren Sie jetzt!
Astro JS erklärt: Islands-Architektur, Zero-JS-by-Default, Astro 6 Features und warum das Framework 2026 die erste Wahl für content-fokussierte Websites ist.
Astro Islands Architecture erklärt: Client-Direktiven, Server Islands mit server:defer und Framework-Integration. Zero JavaScript by Default für schnellere Websites.
Astro Script Tags richtig einsetzen: Inline-Import, is:inline, Custom Elements und typische Production-Fallstricke – alles direkt aus den offiziellen Astro-Docs.
Was passiert beim astro build? Static vs. Server Output, _astro Assets-Ordner, Content Hashing und Deployment-Konfiguration für Astro 5 und 6 im Überblick.
Erfahrt, wie ihr mit der richtigen Anpassung von Zeilenabständen (line-height) und Textabständen eure Webseite barrierefrei macht. Praxisnahe Tipps und WCAG-Konformität für Einsteiger und Profis.
Entdeckt ScrewFast, das vielseitige kostenlose Astro JS Theme für Landingpages. Unsere Agentur bietet Expertise bei der Implementierung und maßgeschneiderte Schulungen.
Warum TypeScript die Grundlage moderner Webentwicklung ist, wie strict Mode in Astro funktioniert und was der Go Compiler in Version 7.0 bedeutet.
UX Flow erklärt: Definition, Levels, Tools und der Unterschied zu User Journey. Mit konkreten Best Practices für 2026.
Vitest 3.0: Schneller JavaScript-Test-Runner mit Vite-Integration. Neue Features, Vorteile und Anwendungen für effizientes Testing in modernen Webprojekten.
Zod 4 ist die führende Schema Validation Library der TypeScript Welt. 14x schneller als Zod 3, 2x kleinere Bundle und JSON Schema Konversion. NCA setzt Zod 4 produktiv im Astro Stack ein.