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%
- Top 1K-sites
- 55%
- Top 1M-groep
- 43%
- Niet gemeten
- 41,582
van 144,474 gemeten sites
285 gemeten
79,072 gemeten
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-band | Waargenomen | Gemeten |
|---|---|---|
| Top 1K | 55% | 285 |
| Top 5K | 53% | 1,306 |
| Top 10K | 50% | 1,650 |
| Top 50K | 48% | 12,738 |
| Top 100K | 46% | 12,021 |
| Top 500K | 45% | 37,402 |
| Top 1M | 43% | 79,072 |
Categorieën waarin dit het vaakst voorkomt
Categorieën waarin dit het minst vaak voorkomt
Per stack
- 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%
Per provider
- Netlify63%
- Google edge52%
- Cloudflare49%
- Amazon CloudFront47%
- Bunny CDN45%
- Fastly44%
- Alibaba Cloud CDN40%
- Azure Front Door/CDN38%
- Akamai34%
- Vercel33%
- Sucuri28%
- Imperva26%
Populaire sites waarop we dit hebben waargenomen
Bronnen en handleidingen
- Chrome Lighthouse: verwijder bronnen die de weergave blokkeren
- MDN: het defer-attribuut voor scripts
- Next.js: Script-component
- WordPress 6.3: scripts met async en defer
Handleiding: Beheer third-party scripts voordat ze je pagina beherenControleer uw eigen site