Guide de la pile technologique · État des lieux au 23 octobre 2026
Next.js on Vercel : guide de préparation
Ce que les 2,044 sites mesurés utilisant cette pile technologique font bien, leurs lacunes et les mesures propres à Next.js on Vercel qui comblent chacune d’elles.
- Sites évalués
- 2,044
- Indice médian de préparation
- 73/100
- Profils utilisant cette pile technologique
- 149
détecté à partir du HTML et des en-têtes de la page d’accueil
tous les sites : 64
sites parmi les 50 000 premiers
Préparation par axe
Activer
85/100
Tous les sites 77
Renforcer
69/100
Tous les sites 55
Accélérer
72/100
Tous les sites 63
Récupérer
5/100
Tous les sites 11
Le guide pratique Next.js on Vercel
Lacunes classées par impact, avec la mesure propre à la plateforme lorsqu’elle existe.
Aucun script bloquant le rendu dans l’élément head
23% observé · tous les sites 44%
Ajoutez defer aux scripts qui ont besoin du DOM, async aux scripts indépendants comme ceux d’analyse d’audience, ou déplacez-les à la fin du corps du document.
Sur Next.js : Utilisez le composant next/script avec une stratégie de chargement appropriée.
Guide : Contrôlez les scripts tiers avant qu'ils ne contrôlent votre page
security.txt publié
9.4% observé · tous les sites 5.5%
Publiez /.well-known/security.txt avec au minimum les champs Contact et Expires, comme l’exige la RFC 9116, et vérifiez-le avant son expiration.
Guide : Un contrôle pratique de l’état du site pour propriétaires
HTTP/3 annoncé
14% observé · tous les sites 36%
Activez HTTP/3 sur votre CDN. Les navigateurs se rabattent automatiquement sur HTTP/2, le risque est donc faible.
Formats d’image modernes utilisés
43% observé · tous les sites 40%
Servez des images WebP ou AVIF avec une solution de repli JPEG ou PNG, soit via un CDN d’images, soit en générant les deux formats lors de la compilation.
Sur Next.js : Le composant next/image fournit automatiquement des formats optimisés.
Sur Vercel : Vercel Image Optimization fournit des formats modernes.
Guide : AVIF, WebP, JPEG et PNG : choisissez le bon format d’image
La politique DMARC impose la mise en quarantaine ou le rejet
47% observé · tous les sites 31%
Publiez d’abord DMARC avec p=none et une adresse de réception des rapports, corrigez les problèmes des expéditeurs légitimes qui échouent à l’alignement SPF ou DKIM, puis passez à quarantine et enfin à reject.
Guide : Un contrôle pratique de l’état du site pour propriétaires
DNSSEC signé
10% observé · tous les sites 8.1%
Activez DNSSEC chez votre fournisseur DNS, puis ajoutez l’enregistrement DS chez votre bureau d’enregistrement. Planifiez soigneusement les changements de fournisseur : un enregistrement DS obsolète peut empêcher la résolution du domaine.
Guide : Préparation à la disponibilité du site web — se préparer avant l'arrivée du trafic
Politique de sécurité du contenu présente
34% observé · tous les sites 31%
Commencez par Content-Security-Policy-Report-Only pour voir ce qui cesserait de fonctionner, renforcez la politique sur quelques semaines, puis appliquez-la.
Sur Next.js : Next.js documente la mise en place d’une CSP fondée sur des nonces à l’aide d’un middleware.
Guide : Sécurité des paiements et PCI DSS : ce que les propriétaires de sites doivent savoir
Intégration dans des cadres restreinte
46% observé · tous les sites 49%
Envoyez Content-Security-Policy: frame-ancestors 'self' (ou une liste d’origines de confiance). X-Frame-Options: SAMEORIGIN prend en charge les navigateurs plus anciens.
Sur Next.js : Ajoutez-le dans headers() de next.config.js.
Guide : Un contrôle pratique de l’état du site pour propriétaires
Domaines dans lesquels les sites Next.js on Vercel se distinguent
- HSTS conservé pendant au moins un an97% observétous les sites 31%
- Fichiers statiques mis en cache pendant 30 jours ou plus98% observéstous les sites 50%
- Les enregistrements CAA limitent les entités autorisées à émettre des certificats49% observéstous les sites 11%
- Chargement différé des images hors écran95% observéstous les sites 61%