Stack-Leitfaden · Momentaufnahme vom 23. Oktober 2026
Next.js on Vercel: Optimierungsleitfaden
Was 2,044 untersuchte Websites auf diesem Stack richtig machen, wo sie Schwächen haben und welche Next.js on Vercel-spezifischen Schritte die einzelnen Lücken schließen.
- Gemessene Websites
- 2,044
- Median des Bereitschaftsindex
- 73/100
- Profile auf diesem Stack
- 149
anhand von HTML und Headern der Startseite erkannt
alle Websites: 64
Top-50K-Websites
Bereitschaft nach Bereich
Aktivieren
85/100
Alle Websites 77
Absichern
69/100
Alle Websites 55
Beschleunigen
72/100
Alle Websites 63
Wiederherstellen
5/100
Alle Websites 11
Der Leitfaden für Next.js on Vercel
Lücken nach Auswirkung geordnet, mit dem plattformspezifischen Schritt, sofern vorhanden.
Keine renderblockierenden Skripte im Head-Bereich
23% beobachtet · alle Websites 44%
Fügen Sie Skripten, die das DOM benötigen, defer hinzu und unabhängigen Skripten wie Analytics async, oder verschieben Sie sie an das Ende des Dokumentkörpers.
Auf Next.js: Verwenden Sie die Komponente next/script mit einer geeigneten Ladestrategie.
Leitfaden: Kontrollieren Sie Drittanbieter‑Skripte, bevor sie Ihre Seite kontrollieren
security.txt veröffentlicht
9.4% beobachtet · alle Websites 5.5%
Veröffentlichen Sie /.well-known/security.txt mit mindestens den Feldern Contact und Expires, wie in RFC 9116 vorgeschrieben, und überprüfen Sie die Datei vor ihrem Ablauf.
HTTP/3 angekündigt
14% beobachtet · alle Websites 36%
Aktivieren Sie HTTP/3 bei Ihrem CDN. Browser greifen automatisch auf HTTP/2 zurück, daher ist das Risiko gering.
Moderne Bildformate im Einsatz
43% beobachtet · alle Websites 40%
Liefern Sie WebP oder AVIF mit JPEG oder PNG als Fallback aus, entweder über ein Bild-CDN oder indem Sie beide Formate beim Build erzeugen.
Auf Next.js: Die Komponente next/image liefert automatisch optimierte Formate aus.
Auf Vercel: Vercel Image Optimization liefert moderne Formate aus.
Leitfaden: AVIF, WebP, JPEG und PNG: Das richtige Bildformat wählen
DMARC-Richtlinie erzwingt Quarantäne oder Ablehnung
47% beobachtet · alle Websites 31%
Veröffentlichen Sie DMARC zunächst mit p=none und einer Adresse für Berichte, beheben Sie bei allen legitimen Absendern Probleme mit dem SPF- oder DKIM-Abgleich und wechseln Sie anschließend zu quarantine und schließlich zu reject.
DNSSEC signiert
10% beobachtet · alle Websites 8.1%
Aktivieren Sie DNSSEC bei Ihrem DNS-Anbieter und hinterlegen Sie anschließend den DS-Eintrag bei Ihrem Registrar. Planen Sie Anbieterwechsel sorgfältig: Ein veralteter DS-Eintrag kann dazu führen, dass die Domain nicht mehr aufgelöst werden kann.
Leitfaden: Bereitschaft für Website-Verfügbarkeit: Vorbereiten, bevor der Traffic eintrifft
Content Security Policy vorhanden
34% beobachtet · alle Websites 31%
Beginnen Sie mit Content-Security-Policy-Report-Only, um zu sehen, was nicht mehr funktionieren würde. Verschärfen Sie die Richtlinie über einige Wochen und setzen Sie sie anschließend durch.
Auf Next.js: Next.js dokumentiert nonce-basierte CSP mit Middleware.
Leitfaden: Zahlungssicherheit und PCI DSS: Was Website‑Betreiber wissen müssen
Einbettung in Frames eingeschränkt
46% beobachtet · alle Websites 49%
Senden Sie Content-Security-Policy: frame-ancestors 'self' (oder eine Liste vertrauenswürdiger Ursprünge). X-Frame-Options: SAMEORIGIN deckt ältere Browser ab.
Bei Next.js: Fügen Sie es in next.config.js unter headers() hinzu.
Wo Websites mit Next.js on Vercel führend sind
- HSTS für mindestens ein Jahr beibehalten97% beobachtetalle Websites 31%
- Statische Dateien für mindestens 30 Tage zwischengespeichert98% festgestelltalle Websites 50%
- CAA-Einträge schränken ein, wer Zertifikate ausstellen darf49% festgestelltalle Websites 11%
- Bilder außerhalb des sichtbaren Bereichs per Lazy Loading geladen95% festgestelltalle Websites 61%