Comprobación de preparación · Área Acelerar · Peso 5
Sin scripts que bloqueen el renderizado en la cabecera del documento
Todos los scripts externos de la cabecera del documento usan async, defer o type="module".
- Observado en
- 44%
- Los 1K sitios más populares
- 55%
- Franja de los 1M más populares
- 43%
- No medido
- 41,582
de 144,474 sitios medidos
285 medidos
79,072 medidos
bloqueado, sujeto a un desafío de acceso o no aplicable
Por qué importa
Un script con src sin atributos adicionales en la cabecera impide que el navegador muestre contenido hasta que ese archivo se haya descargado y ejecutado.
Cómo corregirlo
Añada defer a los scripts que necesitan el DOM y async a los independientes, como los de analítica, o muévalos al final del cuerpo del documento.
Cómo lo comprobamos
Todos los scripts externos de la cabecera del documento usan async, defer o type="module".
Observado: Los scripts de la cabecera se cargan sin bloquear el renderizado.
No observado: Uno o más scripts de la cabecera bloquean el renderizado.
Limitación: Se basa en el HTML de la página de inicio entregado a un cliente automatizado; no se ejecutaron los scripts que se ejecutan posteriormente.
Pasos específicos de cada pila tecnológica
- Next.js: Use el componente next/script con una estrategia de carga adecuada.
- WordPress: Desde WordPress 6.3, los scripts se pueden registrar con una estrategia de carga defer o async.
Por rango de popularidad
| Franja de Chrome UX Report | Observado | Medido |
|---|---|---|
| Primeros 1K | 55% | 285 |
| Primeros 5K | 53% | 1,306 |
| Primeros 10K | 50% | 1,650 |
| Primeros 50K | 48% | 12,738 |
| Primeros 100K | 46% | 12,021 |
| Primeros 500K | 45% | 37,402 |
| Primeros 1M | 43% | 79,072 |
Categorías con mayor probabilidad de hacerlo
Categorías con menor probabilidad
Por conjunto de tecnologías
- 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 proveedor
- Netlify63%
- Google edge52%
- Cloudflare49%
- Amazon CloudFront47%
- Bunny CDN45%
- Fastly44%
- Alibaba Cloud CDN40%
- Azure Front Door/CDN38%
- Akamai34%
- Vercel33%
- Sucuri28%
- Imperva26%
Sitios populares donde observamos esto
Fuentes y guías
- Chrome Lighthouse: eliminar los recursos que bloquean el renderizado
- MDN: atributo defer de script
- Next.js: componente Script
- WordPress 6.3: scripts con async y defer
Guía: Controla los scripts de terceros antes de que controlen tu páginaCompruebe su propio sitio