Contrôle de préparation · Axe Accélérer · pondération 5
Aucun script bloquant le rendu dans l’élément head
Chaque script externe dans l’en-tête du document utilise async, defer ou type="module".
- Observé sur
- 44%
- Sites du top 1K
- 55%
- Tranche du top 1M
- 43%
- Non mesuré
- 41,582
sur 144,474 sites mesurés
285 mesurés
79,072 mesurés
bloqué, soumis à un défi de validation ou non applicable
Pourquoi c’est important
Un simple élément script avec un attribut src dans l’en-tête empêche le navigateur d’afficher quoi que ce soit tant que ce fichier n’a pas été téléchargé et exécuté.
Comment apporter la correction
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.
Notre méthode de contrôle
Chaque script externe dans l’en-tête du document utilise async, defer ou type="module".
Observé : Les scripts de l’en-tête se chargent sans bloquer le rendu.
Non observé : Un ou plusieurs scripts de l’en-tête bloquent le rendu.
Limite : résultat fondé sur le HTML de la page d’accueil transmis à un client automatisé ; les scripts qui s’exécutent ultérieurement n’ont pas été exécutés.
Étapes propres à chaque pile technologique
- Next.js : Utilisez le composant next/script avec une stratégie de chargement appropriée.
- WordPress : Depuis WordPress 6.3, les scripts peuvent être enregistrés avec une stratégie de chargement defer ou async.
Par tranche de popularité
| Tranche Chrome UX Report | Observé | Mesuré |
|---|---|---|
| 1 000 premiers | 55% | 285 |
| 5 000 premiers | 53% | 1,306 |
| 10 000 premiers | 50% | 1,650 |
| 50 000 premiers | 48% | 12,738 |
| 100 000 premiers | 46% | 12,021 |
| 500 000 premiers | 45% | 37,402 |
| 1 million de premiers | 43% | 79,072 |
Catégories les plus susceptibles de le faire
Catégories les moins susceptibles de le faire
Par pile technologique
- Astro on Cloudflare87%
- Nuxt on Google edge86%
- Astro82%
- Nuxt on Cloudflare79%
- Astro on Amazon CloudFront77%
- Angular on Cloudflare76%
- Angular on Amazon CloudFront76%
- Nuxt76%
- Angular76%
- Nuxt on Amazon CloudFront71%
- Gatsby67%
- Shopify63%
- Gatsby on Amazon CloudFront57%
- Blogger54%
- PrestaShop50%
- Bitrix48%
- PrestaShop on Cloudflare48%
- Next.js on Fastly46%
- GoDaddy Website Builder46%
- WordPress on Vercel44%
- Squarespace42%
- Sitecore on Azure Front Door/CDN41%
- Next.js on Azure Front Door/CDN40%
- Next.js on Amazon CloudFront39%
- Sitecore38%
- HubSpot CMS38%
- Drupal on Amazon CloudFront37%
- WordPress on Google edge37%
- Adobe Experience Manager on Amazon CloudFront37%
- Next.js on Akamai37%
- Magento / Adobe Commerce on Cloudflare37%
- Drupal35%
- Next.js on Google edge34%
- Magento / Adobe Commerce34%
- Next.js on Netlify33%
- Drupal on Cloudflare32%
- Next.js32%
- Adobe Experience Manager on Cloudflare30%
- WordPress on Amazon CloudFront29%
- Next.js on Cloudflare28%
- Adobe Experience Manager28%
- Adobe Experience Manager on Akamai28%
- WordPress on Cloudflare27%
- Drupal on Akamai27%
- WordPress on Fastly27%
- Drupal on Fastly26%
- WordPress24%
- Next.js on Vercel23%
- Sitecore on Cloudflare23%
- Webflow22%
- WordPress on Imperva18%
- WordPress on Sucuri14%
- Tilda8.8%
- BigCommerce8%
- Joomla5.1%
- Wix4.2%
Par fournisseur
- Netlify63%
- Google edge52%
- Cloudflare49%
- Amazon CloudFront47%
- Bunny CDN45%
- Fastly44%
- Alibaba Cloud CDN40%
- Azure Front Door/CDN38%
- Akamai34%
- Vercel33%
- Sucuri28%
- Imperva26%
Sites populaires sur lesquels nous avons observé ce comportement
Sources et guides
- Chrome Lighthouse : éliminer les ressources bloquant le rendu
- MDN : attribut defer de l’élément script
- Next.js : composant Script
- WordPress 6.3 : scripts avec async et defer
Guide : Contrôlez les scripts tiers avant qu'ils ne contrôlent votre pageVérifiez votre propre site