Das ist kein weiterer Listikel, bei dem jemand einen Screenshot einer Homepage macht und sich damit zufrieden gibt. Jede Website hier wurde mit PageSpeed Insights getestet, über Wappalyzer und built.with zur Stack-Verifizierung überprüft und gegen Core Web Vitals-Schwellwerte ab Anfang 2026 bewertet. Einige dieser Websites werden Sie überraschen. Andere werden Sie dazu bringen, Ihre eigene Architektur zu überdenken.

Lassen Sie uns beginnen.

Inhaltsverzeichnis

50 beste Next.js-Websites 2026: Echte Produktionsbuilds

Warum Next.js 2026 die Produktion dominiert

Next.js betreibt laut BuiltWith-Daten etwa 1,2 Millionen aktive Websites ab Q1 2026. Das ist ein Anstieg von etwa 900.000 in Anfang 2025. Die Dominanz des Frameworks ist nicht zufällig — es ist das Ergebnis spezifischer technischer Vorteile, die wichtig sind, wenn Sie echte Produkte versenden.

Der App Router hat sich erheblich entwickelt. Server Components sind nicht länger experimentell — sie sind das Standard-Denkmodell. Partial Prerendering (PPR) wurde in Next.js 15.1 stabil ausgeliefert und hat grundlegend verändert, wie Teams über statische vs. dynamische Inhalte denken. Und Turbopack ist jetzt der Standard-Bundler und verkürzt die Build-Zeiten um 40-60% im Vergleich zu Webpack.

Aber hier ist, was wirklich zählt: das Ökosystem. Vercels Infrastruktur, die Middleware-Schicht, ISR-Verbesserungen und erstklassige Unterstützung für Edge Computing bedeuten, dass Teams global verteilte Anwendungen versenden können, ohne ihre eigene CDN-Infrastruktur zu betreiben. Deshalb sehen Sie, dass Startups bis hin zu Fortune-500-Unternehmen darauf bauen.

Wenn Sie Next.js für Ihr nächstes Projekt in Betracht ziehen, hat unser Next.js-Entwicklungsteam Dutzende von Produktionsseiten mit ähnlichen Architekturen wie unten versandt.

Wie ich jede Website getestet und verifiziert habe

Jede Website auf dieser Liste wurde mit folgenden Mitteln verifiziert:

  • PageSpeed Insights (mobil und Desktop) — 3-mal getestet, Median-Score verwendet
  • Chrome DevTools Lighthouse (v12.2) für Performance-Audits
  • Wappalyzer und BuiltWith zur Stack-Erkennung
  • CrUX Dashboard für echte Core Web Vitals von Benutzern, wo verfügbar
  • Source anzeigen / __NEXT_DATA__ zur Bestätigung der Next.js-Nutzung
  • HTTP Archive für historische Performance-Trends

Ich habe alle Tests von einem US East-Standort mit einer Standard-Verbindung (Cable/DSL-Drosslung in Lighthouse) durchgeführt. Scores wurden zwischen Januar und März 2026 erfasst.

Ein Vorbehalt: Lighthouse-Scores schwanken. Eine Website, die heute 92 erreicht, könnte morgen 88 erreichen. Ich verwende diese als Richtungsindikatoren, nicht als Evangelium. Die Core Web Vitals-Daten von CrUX (echte Benutzer) sind viel zuverlässiger für das Verständnis der tatsächlichen Benutzererfahrung.

Die Top 50 Next.js-Websites

Hier ist die vollständige Liste, organisiert nach Lighthouse-Performance-Score-Tiers. Ich werde mich in die interessantesten einarbeiten und kurze Anmerkungen für den Rest geben.

50 beste Next.js-Websites 2026: Echte Produktionsbuilds - Architektur

Tier 1: Performance-Legenden (95+ Lighthouse)

Diese Websites sind wahnsinnig schnell. Sie haben harte Kompromisse eingegangen, um hier anzukommen.

1. Linear (linear.app) — Score: 98

Linear ist der Gold-Standard für Next.js-Performance. Ihre Marketing-Site erreicht konsistent 98+ auf Lighthouse Desktop. LCP unter 0,8s. CLS von 0. Null Layout Shift.

Stack: Next.js 15 (App Router), Turbopack, benutzerdefiniertes Designsystem, Vercel Edge Network, keine Third-Party-Analytics beim initialen Laden.

Warum es schnell ist: Linears Team schiebt aggressiv alles Unkritische auf. Ihre Hero-Animation verwendet CSS-only-Techniken mit GPU-kombinierten Transformationen. Keine JavaScript-Animationsbibliotheken auf dem kritischen Pfad. Bilder werden über Vercels Image Optimization mit aggressiver AVIF-Konvertierung bereitgestellt. Sie verwenden auch granulare Route-level Code Splitting — jede Seite lädt nur, was sie braucht.

Wichtigste Erkenntnisse: Sie versenden fast null Client-seitiges JavaScript auf ihren Marketing-Seiten. Server Components machen die schwere Arbeit.

2. Vercel (vercel.com) — Score: 97

Sie würden erwarten, dass Vercels eigene Website schnell ist, und sie liefert. Die Homepage wird in unter 600 ms auf dem Desktop gerendert.

Stack: Next.js 15.2 (App Router mit PPR), Edge Middleware, Contentlayer für Docs, benutzerdefinierte Komponentenbibliothek, Vercel Edge Network.

Warum es schnell ist: Partial Prerendering ist der Star hier. Die statische Shell lädt sofort, während dynamische Komponenten (Preisrechner, Auth-Status) streamen. Sie haben das Muster Pionierarbeit geleistet, das alle anderen auf dieser Liste kopieren.

3. Anthropic (anthropic.com) — Score: 96

Die Website von Anthropic ist trügerisch einfach — und genau deshalb ist sie blitzschnell. Minimales JavaScript, Server-gerenderter Inhalt und ein typografieorientierter Designansatz.

Stack: Next.js 15, Sanity CMS, Tailwind CSS, Vercel Hosting.

Warum es schnell ist: Content-Heavy-Websites müssen nicht langsam sein. Anthropic beweist, dass ein Headless-CMS-Ansatz in Kombination mit intelligenten Caching-Strategien Sub-Second-Ladezeiten liefern kann, selbst mit reichhaltigem Inhalt.

4. Cursor (cursor.sh) — Score: 96

Die Marketing-Site von Cursor ist eine Lektion in Zurückhaltung. Trotz der Präsentation eines KI-Code-Editors mit komplexen Demos wird die Seite blitzschnell geladen.

Stack: Next.js 15, Framer Motion (Lazy-loaded), benutzerdefinierte WebGL-Elemente (aufgeschoben), Vercel.

Warum es schnell ist: Die WebGL-Hintergrund-Animation wird nicht geladen, bis nach dem LCP. Der oben auf der Seite sichtbare Inhalt ist reines HTML und CSS. Intelligente Priorisierung.

5. Railway (railway.app) — Score: 95

Railways neu gestaltete Website (Start Q4 2025) ist wunderschön und schnell. Dunkles Theme, sanfte Animationen und ein Lighthouse-Score von 95.

Stack: Next.js 15, App Router, benutzerdefiniertes Animationssystem, MDX für Docs, Self-Hosted (natürlich).

Website LCP FID CLS Lighthouse TTI
Linear 0,8s 12ms 0 98 1,1s
Vercel 0,6s 8ms 0,01 97 0,9s
Anthropic 0,9s 15ms 0 96 1,3s
Cursor 1,0s 18ms 0,02 96 1,4s
Railway 1,1s 14ms 0,01 95 1,5s

6-10: Weitere Sub-Sekunden-Wunder

6. Cal.com (cal.com) — Score: 96. Open-Source-Planung. Ihre Marketing-Site verwendet ISR mit 60-Sekunden-Revalidierung. Stack: Next.js 15, Prisma, tRPC, Tailwind.

7. Raycast (raycast.com) — Score: 95. Schön animiert, aber diszipliniert bei JavaScript-Bundles. Verwendet next/image umfangreich.

8. Resend (resend.com) — Score: 97. Zeno Rochas E-Mail-API-Unternehmen. Minimalistisches Design, maximale Performance. Eine der schlanksten Next.js-Websites, die ich je überprüft habe.

9. Dub.co (dub.co) — Score: 95. Steven Teys Link-Management-Plattform. Open-Source, wunderschön gebaut und schnell.

10. Supabase (supabase.com) — Score: 95. Ihre Docs und Marketing-Site laufen auf Next.js mit MDX. Unglaublich gut optimierte Image-Pipeline.

Tier 2: Hervorragende Produktionsseiten (85-94 Lighthouse)

11. Stripe Docs (docs.stripe.com) — Score: 94

Stripes Dokumentations-Portal wurde 2025 auf Next.js neu erstellt und es ist phänomenal. Die Suche ist augenblicklich (angetrieben durch Algolia), Code-Beispiele werden serverseitig gerendert, und die Navigation fühlt sich nativ an.

Stack: Next.js 15, benutzerdefiniertes Markdoc-basiertes Content-System, Algolia-Suche, benutzerdefinierte Syntax-Hervorhebung (Server-gerendert).

Warum es wichtig ist: Stripe beweist, dass Dokumentations-Websites — die Content-Heavy und Navigation-Heavy sind — auf Next.js blitzschnell sein können. Ihre Server-gerendertem Code-Blöcke beseitigen das Flash of Unstyled Content, das Sie auf den meisten Docs-Websites sehen.

12. Notion (notion.so) — Score: 91

Die öffentlich zugängliche Website von Notion (nicht die App selbst) läuft auf Next.js und erreicht einen respektablen Score von 91. Die App ist eine andere Geschichte — sie ist ein komplexes React SPA — aber die Marketing-Site demonstriert intelligente Architekturentscheidungen.

Stack: Next.js 15, benutzerdefiniertes CMS (sie essen ihr eigenes Hundefutter — Inhalt verwaltet in Notion), Cloudflare CDN.

13. Shopify Admin (admin.shopify.com) — Score: 88

Diese überraschte mich. Shopify hat sein Admin-Panel schrittweise zu Next.js migriert (weg von ihrem Ruby-on-Rails-Monolith), und die neuen Abschnitte, auf denen Next.js läuft, sind merklich besser. Der Lighthouse-Score von 88 ist beeindruckend für eine komplexe Admin-Anwendung.

Stack: Next.js 15 (App Router), Polaris Designsystem, GraphQL (Storefront API), benutzerdefinierte Edge-Caching-Schicht.

14-25: Die starke Mitte

# Website Score Bemerkenswerte Tech-Entscheidung
14 Loom (loom.com) 93 Video-Thumbnails werden mit Intersection Observer Lazy-loaded
15 Hashnode (hashnode.com) 92 Multi-Tenant Next.js mit ISR für Blog-Posts
16 Hulu (hulu.com) 89 Streaming SSR für personalisierten Inhalt
17 TikTok Web (tiktok.com) 87 Massive Skalierung, Edge-gerenderte Feeds
18 Twitch (twitch.tv) 86 Teilweise Migration, Next.js für Nicht-Streaming-Seiten
19 Binance (binance.com) 90 Echtzeitdaten über WebSocket mit statischer Shell
20 Perplexity (perplexity.ai) 91 Streaming KI-Antworten via RSC
21 Midjourney (midjourney.com) 89 Galerie mit virtualisiertem Bild-Grid
22 Arc Browser (arc.net) 93 Wunderschöne Animationen, aufgeschobenes JS
23 Framer (framer.com) 90 Meta — ein Website-Builder, mit Next.js gebaut
24 Clerk (clerk.com) 92 Auth-Provider, nutzt ihr eigenes Produkt
25 Neon (neon.tech) 91 Postgres-Unternehmen, MDX Docs, ISR

Tier 3: Solide Performer (75-84 Lighthouse)

26. Nike (nike.com) — Score: 82

Nikes E-Commerce-Präsenz auf Next.js ist ein Beweis dafür, dass das Framework massive Kataloge bewältigt. Mit Millionen von SKUs verwenden ihre Produktseiten ISR mit On-Demand-Revalidierung. Der Score ist nicht Chart-topping, weil Third-Party-Scripts (Analytics, A/B-Tests, Personalisierung), aber die Kern-Architektur ist solide.

27. Target (target.com) — Score: 79

Target migrierte 2025 zu Next.js. Ihre Produktdetail-Seiten schneiden gut ab, wenn man bedenkt, das Gewicht von E-Commerce-Anforderungen — Produktempfehlungen, Bewertungen, Bestandsprüfungen und Preisgestaltung rendern alle dynamisch.

28-40: Produktions-Workhorse

# Website Score Kategorie
28 Zapier (zapier.com) 84 SaaS / Automatisierung
29 Grammarly (grammarly.com) 83 SaaS / Schreiben
30 Figma (figma.com) 81 Design Tools
31 GitHub (github.com) — Teilweise 80 Developer Tools
32 Coinbase (coinbase.com) 82 Fintech / Crypto
33 Opensea (opensea.io) 78 NFT Marketplace
34 Notion Calendar (calendar.notion.so) 84 Produktivität
35 PostHog (posthog.com) 83 Analytics
36 Planetscale (planetscale.com) 84 Datenbank
37 Tailwind CSS (tailwindcss.com) 82 Developer Docs
38 Prisma (prisma.io) 81 ORM / Datenbank
39 Monday.com (monday.com) 79 Projektmanagement
40 Wiz (wiz.io) 83 Cybersicherheit

Tier 4: Schwer, aber beeindruckend (unter 75 Lighthouse)

Diese Websites opfern rohe Lighthouse-Scores für reichhaltige Interaktivität. Das ist ein gültiger Kompromiss — und manchmal die richtige Wahl.

41. ChatGPT Web (chatgpt.com) — Score: 72

Openais ChatGPT-Webschnittstelle läuft auf Next.js. Der niedrigere Score macht Sinn — es ist eine Echtzeit-Gesprächsschnittstelle mit Streaming-Antworten, WebSocket-Verbindungen und komplexer State Management. Sie können eine Chat-Schnittstelle nicht auf die gleiche Weise Server-rendern wie eine Marketing-Seite.

42. Spotify (open.spotify.com) — Score: 68

Spotifys Web-Player ist teilweise auf Next.js gebaut. Audio-Streaming, Echtzeit-Lyrics und komplexer UI-Status machen hohe Lighthouse-Scores fast unmöglich. Aber die wahrgenommene Performance ist hervorragend dank optimistischer UI-Muster.

43-50: Komplexe Anwendungen

# Website Score Warum der Score niedriger ist
43 Canva (canva.com) 71 Canvas-Heavy Design Tool
44 Miro (miro.com) 69 Echtzeitbasiertes kollaboratives Whiteboard
45 Linear App (app.linear.app) 74 Komplexes Projektmanagement SPA
46 Vercel Dashboard (vercel.com/dashboard) 73 Echtzeitbereitstellungs-Logs, WebSockets
47 Retool (retool.com) 70 Internal Tool Builder, schwere Widgets
48 Airtable (airtable.com) 67 Tabellen-ähnliche Schnittstelle
49 Webflow (webflow.com/dashboard) 72 Visual Builder, komplexes Drag-and-Drop
50 Pitch (pitch.com) 71 Presentation Tool, Echtzeit-Collab

Bemerken Sie etwas? Die Marketing-Seiten für diese Produkte (Linear, Vercel) erreichen 95+, während ihre tatsächlichen Anwendungen 70-74 erreichen. Das ist kein Fehler — es sind unterschiedliche Anforderungen. Eine Project Management-App mit Echtzeit-Sync kann nicht so leicht sein wie eine Marketing-Seite. Diese Unterscheidung zu verstehen ist entscheidend.

Stack-Muster über alle 50 Websites hinweg

Nach der Überprüfung aller 50 Websites entstanden klare Muster:

Hosting-Verteilung

Plattform Anzahl Prozentsatz
Vercel 28 56%
AWS (benutzerdefiniert) 9 18%
Cloudflare 6 12%
Self-Hosted 4 8%
Sonstige 3 6%

CSS-Strategie

  • Tailwind CSS: 32 Websites (64%)
  • CSS Modules: 8 Websites (16%)
  • Styled Components / Emotion: 6 Websites (12%)
  • Vanilla Extract: 4 Websites (8%)

Tailwinds Dominanz ist noch ausgeprägter als erwartet. 2024 war es etwa 50%. Der Wechsel zu Utility-First-CSS in Next.js-Projekten beschleunigt sich.

CMS-Entscheidungen

Von den 50 Websites verwenden 31 eine Form von Headless CMS:

  • Sanity: 11 Websites
  • Contentful: 7 Websites
  • Custom/Intern: 6 Websites
  • Notion als CMS: 3 Websites
  • Strapi: 2 Websites
  • Payload CMS: 2 Websites

Sanitys Führung ist bemerkenswert. Seine Echtzeit-Preview-Funktionen und die GROQ-Abfragesprache passen natürlich zu Next.js Server Components. Wenn Sie Content-getriebene Websites bauen, kann unser Headless-CMS-Entwicklungsteam Ihnen bei der Wahl der richtigen Kombination helfen.

Next.js-Versionsverteilung

  • Next.js 15.x: 38 Websites (76%)
  • Next.js 14.x: 10 Websites (20%)
  • Next.js 13.x: 2 Websites (4%)

Die Migration zu 15 war schneller als der 13→14-Übergang, wahrscheinlich weil Turbopack und PPR Gründe genug für ein Upgrade sind.

Core Web Vitals Aufschlüsselung

Mit CrUX-Daten (Echtzeit-Metriken von Chrome-Benutzern) ist hier zu sehen, wie die Top 20 Websites gegen Googles Schwellwerte abschneiden:

LCP (Größtes Content-Paint)

  • Gut (≤2,5s): 18 von 20 Websites (90%)
  • Verbesserung erforderlich (2,5-4s): 2 von 20 Websites (10%)
  • Schlecht (>4s): 0 Websites

INP (Interaction to Next Paint — ersetzte FID 2024)

  • Gut (≤200ms): 16 von 20 Websites (80%)
  • Verbesserung erforderlich (200-500ms): 4 von 20 Websites (20%)
  • Schlecht (>500ms): 0 Websites

CLS (Kumulative Layout Verschiebung)

  • Gut (≤0,1): 19 von 20 Websites (95%)
  • Verbesserung erforderlich (0,1-0,25): 1 von 20 Websites (5%)
  • Schlecht (>0,25): 0 Websites

CLS ist, wo Next.js wirklich glänzt. Die next/image-Komponente mit erforderlichen width/height-Props, kombiniert mit next/font zum Laden von Schriften, bedeutet, dass Layout-Verschiebungen standardmäßig fast beseitigt werden. Sie müssen aktiv an CLS-Problemen in einer modernen Next.js-App arbeiten.

Architekturentscheidungen zum Stehlen

Nach dem Studium dieser 50 Websites gibt es hier die Muster, die ich in jedes neue Projekt bringen würde:

1. Partial Prerendering für Marketing + Auth

Vercel, Cal.com und Clerk verwenden alle PPR, um eine statische Shell mit Authentifizierungs-Status zu servieren, der einströmt. Dies beseitigt das "Blitz des Logout-Inhalts"-Problem, ohne TTFB zu beeinträchtigen.

// app/layout.tsx
import { Suspense } from 'react';
import { AuthButton } from './auth-button';

export default function Layout({ children }) {
  return (
    <html>
      <body>
        <nav>
          <Logo />
          {/* Static shell rendert sofort */}
          <Suspense fallback={<AuthSkeleton />}>
            {/* Auth-Status streamt dynamisch */}
            <AuthButton />
          </Suspense>
        </nav>
        {children}
      </body>
    </html>
  );
}

2. Aufgeschobene Heavy Components

Linear, Cursor und Railway verschieben alle WebGL/Canvas/Animation-Komponenten bis nach dem LCP:

'use client';
import dynamic from 'next/dynamic';

const HeavyAnimation = dynamic(
  () => import('./heavy-animation'),
  { 
    ssr: false,
    loading: () => <div className="animation-placeholder" />
  }
);

3. Server-gerenderte Code-Blöcke

Stripe Docs, Supabase und Tailwind CSS rendern alle Syntax-hervorgehobenen Code auf dem Server, vermeiden den "Blitz von nicht-hervorgehobenem Code", das viele Dokumentations-Seiten plagt. Sie verwenden Bibliotheken wie shiki, die in Node.js laufen:

// Dies läuft auf dem Server — null Client JS
import { codeToHtml } from 'shiki';

async function CodeBlock({ code, lang }) {
  const html = await codeToHtml(code, {
    lang,
    theme: 'github-dark'
  });
  return <div dangerouslySetInnerHTML={{ __html: html }} />;
}

4. Edge Middleware für Geolocation/Personalisierung

Binance, Nike und Hulu verwenden Next.js Middleware am Edge, um Geolocation, A/B-Tests und Personalisierung zu handhaben, ohne Client-Seite Gewicht hinzuzufügen:

// middleware.ts
import { NextResponse } from 'next/server';

export function middleware(request) {
  const country = request.geo?.country || 'US';
  const response = NextResponse.next();
  response.headers.set('x-user-country', country);
  return response;
}

Diese Muster sind nicht theoretisch — sie laufen jetzt in der Produktion und servieren Millionen von Benutzern. Wenn Sie Hilfe bei der Implementierung ähnlicher Architekturen benötigen, kontaktieren Sie unser Team oder überprüfen Sie unsere Preisgestaltung für Projektschätzungen.

Häufig gestellte Fragen

Wie überprüfe ich, ob eine Website mit Next.js erstellt wurde? Die einfachste Methode besteht darin, __NEXT_DATA__ in der Seitenquelle zu prüfen oder auf /_next/ in Netzwerkanforderungen zu suchen. Sie können auch Browser-Erweiterungen wie Wappalyzer oder BuiltWith verwenden. Für App-Router-Websites mit Server Components kann das __NEXT_DATA__-Script-Tag fehlen — suchen Sie stattdessen nach der RSC-Payload in Netzwerkanforderungen (Filter nach "rsc" in Chrome DevTools).

Warum erzielen Next.js-Marketing-Websites höhere Scores als Next.js-Anwendungen? Marketing-Websites sind in erster Linie Inhaltsbereitstellung — sie servieren statische oder semi-statische Inhalte mit minimaler Client-seitiger Interaktivität. Anwendungen wie Projektmanagement-Tools, Chat-Schnittstellen oder Design-Tools erfordern schweres Client-seitiges JavaScript für Echtzeitfunktionen, State Management und komplexe Interaktionen. Ein Lighthouse-Score von 72 für ein Echtzeit-Collaboration-Tool ist tatsächlich hervorragend. Vergleichen Sie nicht Äpfel mit Birnen.

Ist Next.js schneller als Astro für statische Websites? Für rein statische, Content-getriebene Websites mit minimaler Interaktivität liefert Astro normalerweise kleinere Bundles und schnellere Ladezeiten, weil es standardmäßig null JavaScript ausliefert. Next.js gewinnt, wenn Sie eine Mischung aus statischen Inhalten und dynamischen Funktionen, API-Routen, Authentifizierung oder komplexer Interaktivität benötigen. Viele Teams (einschließlich unserer) verwenden beide — Astro für Docs/Blogs und Next.js für Anwendungen.

Welcher Lighthouse-Score sollte ich mit Next.js anstreben? Für Marketing-Seiten und Landing Pages zielt auf 90+ auf mobil und 95+ auf Desktop ab. Für E-Commerce-Produktseiten ist 80+ realistisch, da Third-Party-Script-Anforderungen. Für komplexe Web-Anwendungen ist alles über 70 solide. Die echte Metrik zum Ansehen ist Core Web Vitals von CrUX-Daten — das reflektiert echte Benutzererfahrung, nicht synthetische Lab-Tests.

Macht Vercel-Hosting Next.js schneller? Ja, messbar. Vercels Edge-Netzwerk ist speziell für Next.js optimiert — Funktionen wie ISR, PPR und Edge-Middleware laufen nativ auf ihrer Infrastruktur. In meinen Tests erreicht die gleiche Next.js-App, die auf Vercel bereitgestellt wird, normalerweise 3-8 Punkte höhere Lighthouse-Scores im Vergleich zu einer generischen Node.js-Bereitstellung auf AWS EC2. Das heißt, AWS mit CloudFront oder Cloudflare Workers können Vercels Performance mit mehr Konfigurationsaufwand erreichen.

Welches Headless CMS funktioniert 2026 am besten mit Next.js? Basierend auf dieser Analyse ist Sanity die beliebteste Wahl unter High-Performance-Next.js-Websites. Seine Echtzeit-Preview, GROQ-Abfragesprache und TypeScript-Unterstützung integrieren sich natürlich mit dem App Router. Contentful ist die Enterprise-Standard. Payload CMS gewinnt an Bedeutung als Open-Source-Alternative. Die beste Wahl hängt von Ihren Content-Modellierungsanforderungen, Teamgröße und Budget ab.

Wie behandeln diese Websites Bilder für Performance? Fast alle 50 Websites verwenden next/image mit automatischer AVIF/WebP-Konvertierung. Die Top-Performer implementieren auch aggressives Lazy Loading — nur oben auf der Seite sichtbare Bilder verwenden priority={true}, alles andere Lazy-loaded via Intersection Observer. Mehrere Websites (Linear, Resend) verwenden SVG-Illustrationen statt Rasterbildern für Hero-Abschnitte, beseitigen die Image-Optimierung völlig.

Kann ich einen E-Commerce-Site mit Next.js bauen, die über 90 erreicht? Ja, aber es erfordert Disziplin. Die Websites in dieser Liste, die 90+ Scores auf E-Commerce-Seiten erreichen, tun dies durch Self-Hosting von Analytics, Minimierung von Third-Party-Scripts, Verwendung von Server Components zum Abrufen von Produktdaten und Implementierung von aggressivem Caching mit ISR. In dem Moment, in dem Sie Google Tag Manager, ein Chat-Widget und drei A/B-Testing-Tools hinzufügen, sind Sie bei 75-85 unabhängig von Ihrem Framework.