Verificação de prontidão · Trilha Acelerar · peso 5
Nenhum script que bloqueie a renderização na seção head
Todos os scripts externos no head do documento usam async, defer ou type="module".
- Observado em
- 44%
- Os mil sites mais populares
- 55%
- Faixa do primeiro milhão
- 43%
- Não medido
- 41,582
de 144,474 sites medidos
285 medidos
79,072 medidos
bloqueado, sujeito a desafio ou não aplicável
Por que isso importa
Um elemento script com src, sem outros atributos, no head impede o navegador de exibir qualquer conteúdo até que o arquivo seja baixado e executado.
Como corrigir
Adicione defer aos scripts que precisam do DOM e async aos independentes, como os de análise de tráfego, ou mova-os para o final do body.
Como verificamos
Todos os scripts externos no head do documento usam async, defer ou type="module".
Observado: Os scripts no head carregam sem bloquear.
Não observado: Um ou mais scripts no head bloqueiam a renderização.
Limitação: com base no HTML da página inicial entregue a um cliente automatizado; scripts que são executados posteriormente não foram executados.
Etapas específicas por stack
- Next.js: Use o componente next/script com uma estratégia de carregamento adequada.
- WordPress: Desde WordPress 6.3, os scripts podem ser registrados com uma estratégia de carregamento defer ou async.
Por faixa de popularidade
| Faixa de Chrome UX Report | Observado | Medido |
|---|---|---|
| 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 |
Categorias com maior probabilidade de fazer isso
Categorias com menor probabilidade
Por 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%
Por provedor
- Netlify63%
- Google edge52%
- Cloudflare49%
- Amazon CloudFront47%
- Bunny CDN45%
- Fastly44%
- Alibaba Cloud CDN40%
- Azure Front Door/CDN38%
- Akamai34%
- Vercel33%
- Sucuri28%
- Imperva26%
Sites populares em que observamos isso
Fontes e guias
- Chrome Lighthouse: eliminar recursos que bloqueiam a renderização
- MDN: atributo defer de script
- Next.js: componente Script
- WordPress 6.3: scripts com async e defer
Guia: Controle scripts de terceiros antes que controlem sua páginaVerifique seu próprio site