Next.js on Vercel: cẩm nang về mức độ sẵn sàng

Mức độ sẵn sàng theo nhóm

Cẩm nang Next.js on Vercel

Các điểm thiếu sót được xếp theo mức độ tác động, kèm bước xử lý riêng cho nền tảng nếu có.

1. Không có tập lệnh chặn hiển thị trong phần head

   23% ghi nhận được · tất cả website 44%

   Thêm defer vào các tập lệnh cần DOM, thêm async vào các tập lệnh độc lập như tập lệnh phân tích, hoặc chuyển chúng xuống cuối phần body.

   Trên Next.js: Sử dụng thành phần next/script với chiến lược tải phù hợp.

   Hướng dẫn: Kiểm soát script bên thứ ba trước khi chúng kiểm soát trang của bạn

2. security.txt đã được công bố

   9.4% ghi nhận được · tất cả website 5.5%

   Công bố /.well-known/security.txt với ít nhất các trường Contact và Expires theo yêu cầu của RFC 9116, đồng thời rà soát tệp trước khi hết hạn.

   Hướng dẫn: Kiểm tra sức khỏe website thực tế dành cho chủ sở hữu

3. HTTP/3 được công bố

   14% ghi nhận được · tất cả website 36%

   Bật HTTP/3 tại CDN của bạn. Các trình duyệt tự động chuyển về HTTP/2, nên rủi ro thấp.

   Hướng dẫn: Hướng dẫn CDN cho chủ sở hữu website

4. Đang sử dụng định dạng hình ảnh hiện đại

   43% ghi nhận được · tất cả website 40%

   Phục vụ WebP hoặc AVIF kèm phương án dự phòng JPEG hoặc PNG, thông qua CDN hình ảnh hoặc bằng cách tạo cả hai định dạng khi dựng website.

   Trên Next.js: Thành phần next/image tự động phân phối các định dạng được tối ưu hóa.

   Trên Vercel: Vercel Image Optimization phân phối các định dạng hiện đại.

   Hướng dẫn: AVIF, WebP, JPEG và PNG: Chọn định dạng hình ảnh phù hợp

5. Chính sách DMARC áp dụng biện pháp cách ly hoặc từ chối

   47% ghi nhận được · tất cả website 31%

   Trước tiên, công bố DMARC với p=none và một địa chỉ nhận báo cáo, khắc phục mọi nguồn gửi hợp lệ không đáp ứng yêu cầu căn chỉnh SPF hoặc DKIM, sau đó chuyển sang cách ly và cuối cùng là từ chối.

   Hướng dẫn: Kiểm tra sức khỏe website thực tế dành cho chủ sở hữu

6. DNSSEC được ký

   10% ghi nhận được · tất cả website 8.1%

   Kích hoạt DNSSEC tại nhà cung cấp DNS của bạn, sau đó thêm bản ghi DS tại nhà đăng ký tên miền. Lập kế hoạch chuyển nhà cung cấp cẩn thận: bản ghi DS lỗi thời có thể khiến tên miền không phân giải được.

   Hướng dẫn: Sẵn sàng độ hoạt động website trước khi lưu lượng tới

7. Có chính sách bảo mật nội dung

   34% ghi nhận được · tất cả website 31%

   Bắt đầu với Content-Security-Policy-Report-Only để xem những gì có thể bị ảnh hưởng, siết chặt chính sách trong vài tuần, rồi thực thi chính sách.

   Trên Next.js: Next.js có tài liệu hướng dẫn CSP dựa trên nonce với middleware.

   Hướng dẫn: Bảo mật thanh toán và PCI DSS: Những điều chủ sở hữu website cần biết

8. Hạn chế nhúng trang vào khung

   46% ghi nhận được · tất cả website 49%

   Gửi Content-Security-Policy: frame-ancestors 'self' (hoặc danh sách các nguồn gốc đáng tin cậy). X-Frame-Options: SAMEORIGIN hỗ trợ các trình duyệt cũ hơn.

   Trên Next.js: Thêm vào headers() trong next.config.js.

   Hướng dẫn: Kiểm tra sức khỏe website thực tế dành cho chủ sở hữu

Những điểm các website Next.js on Vercel dẫn đầu

• Giữ HSTS trong ít nhất một năm97% ghi nhận đượctất cả website 31%
• Tệp tĩnh được lưu vào bộ nhớ đệm trong ít nhất 30 ngàyghi nhận 98%tất cả trang web 50%
• Bản ghi CAA giới hạn những bên được phép cấp chứng chỉghi nhận 49%tất cả trang web 11%
• Hình ảnh ngoài vùng hiển thị được tải trì hoãnghi nhận 95%tất cả trang web 61%

Toàn bộ 31 mục kiểm tra trên Next.js on Vercel

Các website Next.js on Vercel có mức độ sẵn sàng cao

• vercel.com89
• loom.com86
• suno.com84
• notion.com84
• cursor.com81
• hola.com80
• joyn.de80
• petsmart.com79
• honda2wheelersindia.com78
• ourdream.ai78
• weather.com77
• gotickets.com76
• khuiai.com76
• hellomagazine.com73
• astrocade.com71
• flowmusic.app71
• supabase.com69
• trevts.com69
• rnz.co.nz68
• zeta-ai.io61

Liên quan