Panduan tumpukan teknologi · Potret data 23 Oktober 2026
Next.js on Vercel: panduan kesiapan
Hal yang sudah dilakukan dengan benar oleh 2,044 situs yang diukur pada stack ini, kekurangannya, serta langkah khusus Next.js on Vercel untuk mengatasi setiap kekurangan.
- Situs yang diukur
- 2,044
- Median indeks kesiapan
- 73/100
- Profil pada stack ini
- 149
terdeteksi dari HTML dan header halaman beranda
semua situs: 64
situs 50 ribu teratas
Kesiapan menurut jalur
Aktifkan
85/100
Semua situs 77
Perkuat
69/100
Semua situs 55
Percepat
72/100
Semua situs 63
Pulihkan
5/100
Semua situs 11
Panduan penerapan Next.js on Vercel
Kekurangan diurutkan berdasarkan dampak, disertai langkah khusus platform jika tersedia.
Tidak ada skrip yang menghambat rendering di bagian head
23% 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
security.txt dipublikasikan
9.4% teramati · semua situs 5.5%
Publikasikan /.well-known/security.txt dengan setidaknya kolom Contact dan Expires, sebagaimana diwajibkan RFC 9116, dan tinjau sebelum kedaluwarsa.
Panduan: Pemeriksaan Kesehatan Situs Web Praktis untuk Pemilik
HTTP/3 diumumkan
14% teramati · semua situs 36%
Aktifkan HTTP/3 di CDN Anda. Browser otomatis beralih kembali ke HTTP/2, sehingga risikonya rendah.
Format gambar modern digunakan
43% 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 Vercel: Image Optimization Vercel menyajikan format modern.
Panduan: AVIF, WebP, JPEG, dan PNG: Pilih Format Gambar yang Tepat
Kebijakan DMARC memberlakukan karantina atau penolakan
47% 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
DNSSEC ditandatangani
10% 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.
Panduan: Kesiapan Uptime Situs Web: Siapkan Sebelum Lalu Lintas Tiba
Content Security Policy tersedia
34% 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
Penyematan dalam frame dibatasi
46% teramati · semua situs 49%
Kirimkan Content-Security-Policy: frame-ancestors 'self' (atau daftar origin tepercaya). X-Frame-Options: SAMEORIGIN mencakup browser lama.
Pada Next.js: Tambahkan di headers() dalam next.config.js.
Panduan: Pemeriksaan Kesehatan Situs Web Praktis untuk Pemilik
Keunggulan situs Next.js on Vercel
- HSTS dipertahankan selama setidaknya satu tahun97% teramatisemua situs 31%
- Berkas statis disimpan dalam cache selama 30 hari atau lebih98% teramatiseluruh situs 50%
- Rekaman CAA membatasi pihak yang dapat menerbitkan sertifikat49% teramatiseluruh situs 11%
- Gambar di luar layar dimuat secara tertunda95% teramatiseluruh situs 61%