Next.js Pagespeed-Statistik: 696 Websites gemessen
Von Christian Schreiber · Aktualisiert am
Next.js ist das Framework hinter vielen großen Markenseiten und Headless-Shops. Es kann Seiten auf dem Server rendern und mit sehr wenig JavaScript ausliefern. Viele Websites hydrieren trotzdem auf jeder Seite große clientseitige Bundles, und diese Kosten zeigen sich in den Felddaten.
Ursachen und Maßnahmen: Core Web Vitals für Next.js.
Nach Bestehensquote der Core Web Vitals liegt Next.js auf Platz vier von sechs Plattformen mit eigener Seite, hinter WordPress, vor Contentful. Deutlichster Vorsprung gegenüber allen gemessenen Websites: Seitengewicht (Median), 4,1 MB gegenüber 4,3 MB. Größter Rückstand: JavaScript (Median), 1,9 MB gegenüber 1,5 MB.
Core Web Vitals auf Next.js
40 % der 696 gemessenen Next.js-Websites bestehen alle drei Core Web Vitals mit echten Nutzerdaten. Über alle gemessenen Websites sind es 48 %.
| Metrik | Gut | Median | Mittlere Hälfte | Grenzwert |
|---|---|---|---|---|
| LCP | 68 % | 2062 ms | 1614 ms – 2785 ms | 2500 ms |
| INP | 59 % | 180 ms | 132 ms – 260 ms | 200 ms |
| CLS | 71 % | 0,06 | 0,01 – 0,12 | 0,10 |
Mittlerer mobiler Lighthouse-Score: 38. Warum Laborwert und Felddaten auseinanderliegen, erklären die Website Speed Statistiken.
Wer Next.js in dieser Stichprobe einsetzt
Die Next.js-Websites dieser Stichprobe sind überwiegend Markenseiten, Headless-Shops und Softwareunternehmen, oft von eigenen Teams betrieben und auf Plattformen wie Vercel oder hinter einem CDN gehostet. Das Framework erlaubt sehr unterschiedliche Architekturen, von statischen Seiten bis zur vollständig im Browser gerenderten Anwendung, und die Felddaten mischen sie alle.
So lesen Sie Ihre eigenen Next.js-Werte
Bei Next.js sagt der INP-Wert am meisten über den eigenen Build, weil er zeigt, wie viel JavaScript auf der Seite hydriert wird. Vergleichen Sie ihn mit dem schnelleren Viertel dieser Stichprobe statt mit dem Median. LCP und Time to First Byte hängen stärker von Hosting und Caching ab. Vergleichen Sie sie deshalb mit Websites, die auf dieselbe Weise rendern, statisch oder bei Abruf.
Next.js nach Region
Felddaten der Next.js-Websites je Region.
| Region | Websites | Alle drei bestanden | LCP p50 | INP p50 | CLS p50 |
|---|---|---|---|---|---|
| Weltweit | 696 | 40 % | 2062 ms | 180 ms | 0,06 |
| DACH | 64 | 56 % | 1849 ms | 178 ms | 0,06 |
| Großbritannien | 49 | 37 % | 1965 ms | 189 ms | 0,05 |
Ab 30 Websites je Region.
Weitere Metriken: TTFB, FCP, TBT und Speed Index
Grenzwerte und Quellen: Website Speed Statistiken.
| Metrik | Quelle | Gut | Median Next.js | Median alle Websites | Grenzwert |
|---|---|---|---|---|---|
| Time to First Byte | Felddaten | 56 % | 729 ms | 693 ms | 800 ms |
| First Contentful Paint | Felddaten | 65 % | 1497 ms | 1545 ms | 1800 ms |
| Total Blocking Time | Labor | 10 % | 1202 ms | 680 ms | 200 ms |
| Speed Index | Labor | 4 % | 8918 ms | 8657 ms | 3400 ms |
Seitengewicht und Drittanbieter
Eine Next.js-Startseite überträgt im Median 4,1 MB, davon 1,9 MB JavaScript. 96 % laden Code von Drittanbietern, im Median von fünf Anbietern.
| Anbieter | Anteil | Hauptthread (Median) |
|---|---|---|
| Google Tag Manager | 69 % | 510 ms |
| Meta (Facebook) | 33 % | 294 ms |
| OneTrust (Optanon) | 21 % | 110 ms |
| Google Ads (DoubleClick) | 19 % | 155 ms |
| TikTok | 14 % | 172 ms |
| Weitere Google-APIs und -SDKs | 11 % | 35 ms |
Häufigste Befunde im Labortest
| Befund | Anteil | Einsparung (Median) |
|---|---|---|
| Renderblockierende Ressourcen | 90 % | 2944 ms |
| Nicht verwendetes JavaScript | 84 % | 1500 ms |
| Bilder nicht passend dimensioniert | 75 % | 1264 ms |
| Nicht verwendetes CSS | 47 % | 300 ms |
| Bilder nicht in modernen Formaten | 33 % | 1555 ms |
Typische Bremsen von Next.js-Websites
Die Hydrierung großer React-Bäume ist der typische Grund für einen langsamen INP auf Next.js-Seiten. Der LCP leidet, wenn das Hero-Bild erst im Browser gerendert oder ohne Priorität geladen wird. Server Components, kleinere Client-Bundles und die eingebaute Bildkomponente mit Priorität für das LCP-Bild lösen das meiste davon.
Passende Ratgeber: Interaction to Next Paint (INP) · Largest Contentful Paint (LCP) · Nicht verwendetes JavaScript reduzieren
Next.js nach Branche: Einsatz in dieser Stichprobe
- Onlinehandel: 23 %
- Finanzen und Versicherungen: 10 %
- Medien und Publishing: 10 %
- Unterhaltung und Freizeit: 8 %
Weitere Plattformen
Wie schneidet Ihre Next.js-Website ab?
Starten Sie einen kostenlosen Test und stellen Sie Ihre Werte neben den Next.js-Median.
Website testen