Verifica di preparazione · Percorso Accelera · peso 5
Nessuno script che blocca il rendering nella sezione head
Ogni script esterno nell'intestazione del documento usa async, defer o type="module".
- Osservato su
- 44%
- Primi 1.000 siti
- 55%
- Fascia dei primi 1 milione
- 43%
- Non misurato
- 41,582
su 144,474 siti misurati
285 misurati
79,072 misurati
bloccato, sottoposto a una verifica di accesso o non applicabile
Perché è importante
Un semplice elemento script con attributo src nell'intestazione impedisce al browser di mostrare qualsiasi contenuto finché il file non viene scaricato ed eseguito.
Come risolvere il problema
Aggiungi defer agli script che richiedono il DOM, async a quelli indipendenti, come gli script di analisi, oppure spostali alla fine del body.
Come eseguiamo il controllo
Ogni script esterno nell'intestazione del documento usa async, defer o type="module".
Rilevato: Gli script nell'intestazione si caricano senza bloccare il rendering.
Non rilevato: Uno o più script nell'intestazione bloccano il rendering.
Limite: analisi basata sull'HTML della homepage distribuito a un client automatizzato; gli script eseguiti in un secondo momento non sono stati eseguiti.
Passaggi specifici per lo stack
- Next.js: Usa il componente next/script con una strategia di caricamento appropriata.
- WordPress: A partire da WordPress 6.3, gli script possono essere registrati con una strategia di caricamento defer o async.
Per fascia di popolarità
| Fascia Chrome UX Report | Osservato | Misurato |
|---|---|---|
| Primi 1.000 | 55% | 285 |
| Primi 5.000 | 53% | 1,306 |
| Primi 10.000 | 50% | 1,650 |
| Primi 50.000 | 48% | 12,738 |
| Primi 100.000 | 46% | 12,021 |
| Primi 500.000 | 45% | 37,402 |
| Primo milione | 43% | 79,072 |
Categorie con la maggiore probabilità di adottare questa pratica
Categorie con la minore probabilità
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 fornitore
- Netlify63%
- Google edge52%
- Cloudflare49%
- Amazon CloudFront47%
- Bunny CDN45%
- Fastly44%
- Alibaba Cloud CDN40%
- Azure Front Door/CDN38%
- Akamai34%
- Vercel33%
- Sucuri28%
- Imperva26%
Siti popolari su cui abbiamo osservato questa pratica
Fonti e guide
- Chrome Lighthouse: eliminare le risorse che bloccano il rendering
- MDN: attributo defer di script
- Next.js: componente Script
- WordPress 6.3: script con async e defer
Guida: Controlla gli script di terze parti prima che controllino la tua paginaVerifica il tuo sito