Guía de la pila tecnológica · Datos de 23 de octubre de 2026
Next.js on Vercel: guía de preparación
Qué hacen bien los 2,044 sitios evaluados con esta pila tecnológica, en qué presentan carencias y los pasos específicos de Next.js on Vercel que subsanan cada una.
- Sitios evaluados
- 2,044
- Mediana del índice de preparación
- 73/100
- Perfiles con esta pila tecnológica
- 149
detectado a partir del HTML y las cabeceras de la página de inicio
todos los sitios: 64
sitios entre los 50 000 primeros
Preparación por área
Habilitar
85/100
Todos los sitios 77
Fortalecer
69/100
Todos los sitios 55
Acelerar
72/100
Todos los sitios 63
Recuperar
5/100
Todos los sitios 11
La guía práctica de Next.js on Vercel
Carencias ordenadas por impacto, con el paso específico para la plataforma cuando lo haya.
Sin scripts que bloqueen el renderizado en la cabecera del documento
23% observado · todos los sitios 44%
Añada defer a los scripts que necesitan el DOM y async a los independientes, como los de analítica, o muévalos al final del cuerpo del documento.
En Next.js: Use el componente next/script con una estrategia de carga adecuada.
Guía: Controla los scripts de terceros antes de que controlen tu página
security.txt publicado
9.4% observado · todos los sitios 5.5%
Publique /.well-known/security.txt con, al menos, los campos Contact y Expires, como exige el RFC 9116, y revíselo antes de que caduque.
Guía: Una revisión práctica de la salud del sitio web para propietarios
HTTP/3 anunciado
14% observado · todos los sitios 36%
Active HTTP/3 en su CDN. Los navegadores recurren a HTTP/2 automáticamente, por lo que el riesgo es bajo.
Formatos de imagen modernos en uso
43% observado · todos los sitios 40%
Sirva WebP o AVIF con una alternativa en JPEG o PNG, ya sea mediante una CDN de imágenes o generando ambos formatos durante la compilación.
En Next.js: El componente next/image sirve formatos optimizados automáticamente.
En Vercel: Vercel Image Optimization sirve formatos modernos.
Guía: AVIF, WebP, JPEG y PNG: elige el formato de imagen adecuado
La política DMARC exige poner en cuarentena o rechazar
47% observado · todos los sitios 31%
Publique primero DMARC con p=none y una dirección para recibir informes, corrija los remitentes legítimos que no superen la alineación SPF o DKIM y, después, pase a cuarentena y, por último, a rechazo.
Guía: Una revisión práctica de la salud del sitio web para propietarios
DNSSEC firmado
10% observado · todos los sitios 8.1%
Habilite DNSSEC en su proveedor de DNS y, a continuación, añada el registro DS en su registrador. Planifique con cuidado los cambios de proveedor: un registro DS obsoleto puede impedir que el dominio se resuelva.
Guía: Preparación para la disponibilidad del sitio web: prepárese antes de que llegue el tráfico
Política de seguridad de contenido presente
34% observado · todos los sitios 31%
Empiece con Content-Security-Policy-Report-Only para ver qué dejaría de funcionar, haga la política más restrictiva durante unas semanas y, después, aplíquela.
En Next.js: Next.js documenta CSP basada en nonce con middleware.
Guía: Seguridad de pagos y PCI DSS: Lo que necesitan saber los propietarios de sitios web
Inserción en marcos restringida
46% observado · todos los sitios 49%
Envíe Content-Security-Policy: frame-ancestors 'self' (o una lista de orígenes de confianza). X-Frame-Options: SAMEORIGIN ofrece protección en navegadores antiguos.
En Next.js: Añádalo en headers() de next.config.js.
Guía: Una revisión práctica de la salud del sitio web para propietarios
En qué destacan los sitios de Next.js on Vercel
- HSTS conservado durante al menos un año97% observadotodos los sitios 31%
- Archivos estáticos almacenados en caché durante 30 días o más98% observadotodos los sitios 50%
- Los registros CAA limitan quién puede emitir certificados49% observadotodos los sitios 11%
- Carga diferida de imágenes fuera de pantalla95% observadotodos los sitios 61%