perf.blocking_scripts
Si hay scripts síncronos en el head que bloquean el pintado.
Por qué importa
Un script síncrono en <head> obliga al navegador a descargarlo y ejecutarlo antes de pintar nada. La página tarda más en mostrarse, sobre todo en móvil.
Cómo se corrige
Añade defer (o async, si el script no depende de otros) a las etiquetas <script src="…"> del <head>, o muévelas al final del <body>.
Paso a paso: el prompt para tu IA
Cuando Seotres encuentra este problema en tu web, te da un prompt listo para pegar en la IA que uses, con los datos de tu página. Este es el de esta regla con una web de ejemplo (tudominio.com):
Problema: hay scripts síncronos en el <head> que bloquean la aparición de la página.
Datos de tu web: Aquí van la página y la evidencia que ha encontrado Seotres.
Objetivo
Que los scripts del <head> de la página https://tudominio.com/ no bloqueen la aparición de la página.
Pasos
- Mira en los datos de arriba qué scripts son.
- Añade defer a los que no necesitan ejecutarse antes de pintar la página, o async si no dependen de otros; si dudas de alguno (analítica, consentimiento de cookies), pregúntame.
- Comprueba que la web sigue funcionando: menú, formularios y medición.
- Si usas WordPress, Shopify u otra plataforma: suele hacerlo un ajuste del plugin de optimización o del tema; búscalo antes de editar código.
Límites
- No elimines scripts: solo cambia cómo se cargan.
- No toques los scripts del consentimiento de cookies ni los de pago sin preguntarme.
Términos de esta regla
- renderizado
Cuando un navegador ejecuta el JavaScript de tu página y construye lo que de verdad se ve.
Ejemplo: Una tienda hecha con JavaScript descarga un HTML casi vacío y los productos aparecen después del renderizado.
Fuente oficial
https://developer.chrome.com/docs/lighthouse/performance/render-blocking-resources