Stack-Leitfaden · Momentaufnahme vom 23. Oktober 2026
Next.js on Cloudflare: Optimierungsleitfaden
Was 3,475 untersuchte Websites auf diesem Stack richtig machen, wo sie Schwächen haben und welche Next.js on Cloudflare-spezifischen Schritte die einzelnen Lücken schließen.
- Gemessene Websites
- 3,475
- Median des Bereitschaftsindex
- 72/100
- Profile auf diesem Stack
- 543
anhand von HTML und Headern der Startseite erkannt
alle Websites: 64
Top-50K-Websites
Bereitschaft nach Bereich
Aktivieren
88/100
Alle Websites 77
Absichern
60/100
Alle Websites 55
Beschleunigen
77/100
Alle Websites 63
Wiederherstellen
2/100
Alle Websites 11
Der Leitfaden für Next.js on Cloudflare
Lücken nach Auswirkung geordnet, mit dem plattformspezifischen Schritt, sofern vorhanden.
HSTS für mindestens ein Jahr beibehalten
43% beobachtet · alle Websites 31%
Senden Sie Strict-Transport-Security in HTTPS-Antworten. Beginnen Sie mit einem kurzen max-age (zum Beispiel 300 Sekunden), prüfen Sie, ob jede Subdomain über HTTPS funktioniert, und erhöhen Sie den Wert dann schrittweise auf 31536000. Fügen Sie includeSubDomains nur hinzu, wenn alle Subdomains HTTPS verwenden. Das Preloading von HSTS ist optional und schwer rückgängig zu machen; hstspreload.org selbst empfiehlt es nicht standardmäßig.
Auf Next.js: Fügen Sie den Header in der Option headers() von next.config.js für alle Routen hinzu.
Auf Cloudflare: Aktivieren Sie HSTS unter SSL/TLS > Edge Certificates > HTTP Strict Transport Security und erhöhen Sie max-age schrittweise.
security.txt veröffentlicht
9% 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.
Auf Cloudflare: Das Cloudflare Security Center kann eine security.txt-Datei für die Zone bereitstellen.
Keine renderblockierenden Skripte im Head-Bereich
28% 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
CAA-Einträge schränken ein, wer Zertifikate ausstellen darf
13% beobachtet · alle Websites 11%
Veröffentlichen Sie CAA-Einträge, die jede tatsächlich von Ihnen genutzte CA benennen, einschließlich der CAs, die Ihr CDN für verwaltete Zertifikate nutzt. Fügen Sie einen iodef-Kontakt hinzu, wenn Sie Berichte erhalten möchten.
Auf Cloudflare: Cloudflare dokumentiert, welche Zertifizierungsstellen für seine verwalteten Zertifikate benötigt werden; nehmen Sie diese in Ihre CAA-Einträge auf.
DMARC-Richtlinie erzwingt Quarantäne oder Ablehnung
44% 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.
Moderne Bildformate im Einsatz
48% 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 Cloudflare: Cloudflare Polish kann Bilder in WebP konvertieren.
Leitfaden: AVIF, WebP, JPEG und PNG: Das richtige Bildformat wählen
DNSSEC signiert
8.3% 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.
Auf Cloudflare: Aktivieren Sie DNSSEC unter DNS > Settings und fügen Sie den DS-Eintrag beim Registrar hinzu.
Leitfaden: Bereitschaft für Website-Verfügbarkeit: Vorbereiten, bevor der Traffic eintrifft
Content Security Policy vorhanden
32% 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
Wo Websites mit Next.js on Cloudflare führend sind
- Über IPv6 erreichbar91% festgestelltalle Websites 44%
- Statische Dateien für mindestens 30 Tage zwischengespeichert86% festgestelltalle Websites 50%
- Bilder außerhalb des sichtbaren Bereichs per Lazy Loading geladen90% festgestelltalle Websites 61%
- HTTP/3 angekündigt65% festgestelltalle Websites 36%