STATUS IS UPPRÉPARATION DES SITES WEB

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%

sur 144,474 sites mesurés

Sites du top 1K
55%

285 mesurés

Tranche du top 1M
43%

79,072 mesurés

Non mesuré
41,582

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 ReportObservéMesuré
1 000 premiers55%285
5 000 premiers53%1,306
10 000 premiers50%1,650
50 000 premiers48%12,738
100 000 premiers46%12,021
500 000 premiers45%37,402
1 million de premiers43%79,072

Catégories les plus susceptibles de le faire

Catégories les moins susceptibles de le faire

Par pile technologique

Par fournisseur

Sites populaires sur lesquels nous avons observé ce comportement

Sources et guides