Recursos que bloquean el renderizado
Archivos de estilos y scripts que el navegador debe descargar y procesar antes de poder mostrar la página en pantalla.
- 01
Por qué importa
Cada archivo de estilos cargado en la parte superior de la página y cada script que el navegador espera retrasan el primer contenido. Insertar los estilos críticos en línea, cargar el resto más tarde y diferir los scripts acorta esta espera. El efecto es especialmente visible en dispositivos móviles y conexiones lentas.
- 02
Ejemplo
Un script de widget de chat cargado en la parte superior de un sitio retrasa un segundo la aparición de la página. Una vez diferido el script, la página aparece de inmediato y el botón de chat llega unos segundos después.
- 03
Error frecuente
Diferir todos los estilos. Sin los estilos críticos, la página aparece primero sin estilo y luego cambia de forma repentina; los estilos necesarios para la primera pantalla deben cargarse de inmediato.
- 04
Términos relacionados
Servicios y guías relacionados
Hablemos de tu proyecto.
Cuéntenos lo que necesita; definiremos el alcance juntos.