STATUS IS UPWEBSITEGEREEDHEID

Gereedheidscheck · Categorie Versnellen · gewicht 5

Geen scripts die de weergave blokkeren in het head-element

Elk extern script in de head van het document gebruikt async, defer of type="module".

Waargenomen op
44%

van 144,474 gemeten sites

Top 1K-sites
55%

285 gemeten

Top 1M-groep
43%

79,072 gemeten

Niet gemeten
41,582

geblokkeerd, onderworpen aan een verificatievraag of niet van toepassing

Waarom dit belangrijk is

Een gewoon script met een src-attribuut in de head verhindert dat de browser iets weergeeft totdat dat bestand is gedownload en uitgevoerd.

Hoe u dit oplost

Voeg defer toe aan scripts die de DOM nodig hebben en async aan onafhankelijke scripts zoals analytics, of verplaats ze naar het einde van de body.

Hoe we controleren

Elk extern script in de head van het document gebruikt async, defer of type="module".

Waargenomen: Scripts in de head laden zonder de weergave te blokkeren.

Niet waargenomen: Een of meer scripts in de head blokkeren de weergave.

Beperking: gebaseerd op de HTML van de homepage die aan een geautomatiseerde client is geleverd; scripts die later worden uitgevoerd, zijn niet uitgevoerd.

Stappen per stack

  • Next.js: Gebruik de next/script-component met een geschikte laadstrategie.
  • WordPress: Sinds WordPress 6.3 kunnen scripts worden geregistreerd met een defer- of async-laadstrategie.

Per populariteitsklasse

Chrome UX Report-bandWaargenomenGemeten
Top 1K55%285
Top 5K53%1,306
Top 10K50%1,650
Top 50K48%12,738
Top 100K46%12,021
Top 500K45%37,402
Top 1M43%79,072

Categorieën waarin dit het vaakst voorkomt

Categorieën waarin dit het minst vaak voorkomt

Per stack

Per provider

Populaire sites waarop we dit hebben waargenomen

Bronnen en handleidingen