Panduan tumpukan teknologi · Potret data 23 Oktober 2026
Next.js on Cloudflare: panduan kesiapan
Hal yang sudah dilakukan dengan benar oleh 3,475 situs yang diukur pada stack ini, kekurangannya, serta langkah khusus Next.js on Cloudflare untuk mengatasi setiap kekurangan.
- Situs yang diukur
- 3,475
- Median indeks kesiapan
- 72/100
- Profil pada stack ini
- 543
terdeteksi dari HTML dan header halaman beranda
semua situs: 64
situs 50 ribu teratas
Kesiapan menurut jalur
Aktifkan
88/100
Semua situs 77
Perkuat
60/100
Semua situs 55
Percepat
77/100
Semua situs 63
Pulihkan
2/100
Semua situs 11
Panduan penerapan Next.js on Cloudflare
Kekurangan diurutkan berdasarkan dampak, disertai langkah khusus platform jika tersedia.
HSTS dipertahankan selama setidaknya satu tahun
43% teramati · semua situs 31%
Kirim Strict-Transport-Security pada respons HTTPS. Mulailah dengan max-age yang singkat (misalnya 300 detik), pastikan setiap subdomain berfungsi melalui HTTPS, lalu tingkatkan secara bertahap hingga 31536000. Tambahkan includeSubDomains hanya jika semua subdomain menggunakan HTTPS. Preload HSTS bersifat opsional dan sulit dibatalkan; hstspreload.org sendiri tidak merekomendasikannya secara default.
Pada Next.js: Tambahkan header dalam opsi headers() di next.config.js untuk semua rute.
Pada Cloudflare: Aktifkan HSTS di SSL/TLS > Edge Certificates > HTTP Strict Transport Security dan naikkan max-age secara bertahap.
security.txt dipublikasikan
9% teramati · semua situs 5.5%
Publikasikan /.well-known/security.txt dengan setidaknya kolom Contact dan Expires, sebagaimana diwajibkan RFC 9116, dan tinjau sebelum kedaluwarsa.
Pada Cloudflare: Security Center Cloudflare dapat menyajikan file security.txt untuk zona tersebut.
Panduan: Pemeriksaan Kesehatan Situs Web Praktis untuk Pemilik
Tidak ada skrip yang menghambat rendering di bagian head
28% teramati · semua situs 44%
Tambahkan defer pada skrip yang memerlukan DOM, async pada skrip independen seperti analitik, atau pindahkan skrip ke akhir bagian body.
Pada Next.js: Gunakan komponen next/script dengan strategi pemuatan yang sesuai.
Panduan: Kendalikan Skrip Pihak Ketiga Sebelum Mereka Mengendalikan Halaman Anda
Catatan CAA membatasi pihak yang dapat menerbitkan sertifikat
13% teramati · semua situs 11%
Publikasikan record CAA yang mencantumkan setiap CA yang benar-benar Anda gunakan, termasuk CA yang digunakan CDN Anda untuk sertifikat terkelola. Tambahkan kontak iodef jika Anda menginginkan laporan.
Pada Cloudflare: Cloudflare mendokumentasikan CA yang diperlukan oleh sertifikat yang dikelolanya; sertakan CA tersebut dalam catatan CAA Anda.
Kebijakan DMARC memberlakukan karantina atau penolakan
44% teramati · semua situs 31%
Publikasikan DMARC dengan p=none dan alamat pelaporan terlebih dahulu, perbaiki setiap pengirim sah yang gagal memenuhi keselarasan SPF atau DKIM, lalu beralih ke karantina dan akhirnya penolakan.
Panduan: Pemeriksaan Kesehatan Situs Web Praktis untuk Pemilik
Format gambar modern digunakan
48% teramati · semua situs 40%
Sajikan WebP atau AVIF dengan JPEG atau PNG sebagai alternatif cadangan, baik melalui CDN gambar maupun dengan menghasilkan kedua format saat proses build.
Pada Next.js: Komponen next/image menyajikan format yang dioptimalkan secara otomatis.
Pada Cloudflare: Polish Cloudflare dapat mengonversi gambar ke WebP.
Panduan: AVIF, WebP, JPEG, dan PNG: Pilih Format Gambar yang Tepat
DNSSEC ditandatangani
8.3% teramati · semua situs 8.1%
Aktifkan DNSSEC di penyedia DNS Anda, lalu tambahkan record DS di registrar Anda. Rencanakan perpindahan penyedia dengan cermat: record DS yang sudah tidak sesuai dapat menyebabkan domain gagal diresolusikan.
Pada Cloudflare: Aktifkan DNSSEC di DNS > Settings dan tambahkan catatan DS di registrar.
Panduan: Kesiapan Uptime Situs Web: Siapkan Sebelum Lalu Lintas Tiba
Content Security Policy tersedia
32% teramati · semua situs 31%
Mulailah dengan Content-Security-Policy-Report-Only untuk melihat apa yang akan bermasalah, perketat kebijakan selama beberapa minggu, lalu terapkan.
Pada Next.js: Next.js mendokumentasikan CSP berbasis nonce dengan middleware.
Panduan: Keamanan Pembayaran dan PCI DSS: Yang Perlu Diketahui Pemilik Situs
Keunggulan situs Next.js on Cloudflare
- Dapat diakses melalui IPv691% teramatiseluruh situs 44%
- Berkas statis disimpan dalam cache selama 30 hari atau lebih86% teramatiseluruh situs 50%
- Gambar di luar layar dimuat secara tertunda90% teramatiseluruh situs 61%
- HTTP/3 diumumkan65% teramatiseluruh situs 36%