Panduan tumpukan teknologi · Potret data 23 Oktober 2026
Next.js on Amazon CloudFront: panduan kesiapan
Hal yang sudah dilakukan dengan benar oleh 1,914 situs yang diukur pada stack ini, kekurangannya, serta langkah khusus Next.js on Amazon CloudFront untuk mengatasi setiap kekurangan.
- Situs yang diukur
- 1,914
- Median indeks kesiapan
- 69/100
- Profil pada stack ini
- 486
terdeteksi dari HTML dan header halaman beranda
semua situs: 64
situs 50 ribu teratas
Kesiapan menurut jalur
Aktifkan
86/100
Semua situs 77
Perkuat
60/100
Semua situs 55
Percepat
74/100
Semua situs 63
Pulihkan
6/100
Semua situs 11
Panduan penerapan Next.js on Amazon CloudFront
Kekurangan diurutkan berdasarkan dampak, disertai langkah khusus platform jika tersedia.
security.txt dipublikasikan
5.8% 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
HSTS dipertahankan selama setidaknya satu tahun
49% 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 Amazon CloudFront: Terapkan kebijakan header respons dengan Strict-Transport-Security pada setiap distribusi.
Catatan CAA membatasi pihak yang dapat menerbitkan sertifikat
12% 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.
Tidak ada skrip yang menghambat rendering di bagian head
39% 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
Format gambar modern digunakan
50% 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.
Panduan: AVIF, WebP, JPEG, dan PNG: Pilih Format Gambar yang Tepat
DNSSEC ditandatangani
5.7% 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
Masa berlaku sertifikat 100 hari atau kurang
9.6% teramati · semua situs 75%
Beralihlah ke penerbitan dan pembaruan otomatis sekarang, selagi Anda masih memiliki waktu untuk mengujinya.
Kebijakan DMARC memberlakukan karantina atau penolakan
56% 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
Keunggulan situs Next.js on Amazon CloudFront
- Berkas statis disimpan dalam cache selama 30 hari atau lebih79% teramatiseluruh situs 50%
- Gambar di luar layar dimuat secara tertunda90% teramatiseluruh situs 61%
- Kebijakan DMARC memberlakukan karantina atau penolakan56% teramatiseluruh situs 31%
- HSTS dipertahankan selama setidaknya satu tahun49% teramatisemua situs 31%