Primera pintura con contenido
FCP · El momento en que aparece en pantalla el primer texto o la primera imagen después de que la página empieza a cargarse.
- 01
Por qué importa
El primer contenido es la primera señal para los visitantes de que la página se está cargando; quien lleve mucho tiempo mirando una pantalla en blanco puede irse. La respuesta del servidor, los archivos de estilos y scripts que bloquean el renderizado y cómo se cargan las fuentes determinan este tiempo. Google considera bueno 1,8 segundos o menos.
- 02
Ejemplo
Un sitio espera al inicio cinco archivos de estilos por separado y una fuente. Una vez que los estilos críticos se insertan en línea y la fuente se configura para mostrarse de inmediato con una fuente alternativa de reserva, el primer contenido aparece un segundo antes.
- 03
Error frecuente
Mostrar solo una animación de carga para acelerar el primer contenido. Si el contenido real llega tarde, la animación oculta el problema, pero no cambia cuándo se carga el contenido principal.
- 04
Términos relacionados
- LCP · Tiempo de carga del contenido principal
- Recursos que bloquean el renderizado
- TTFB · Tiempo hasta el primer byte
Servicios y guías relacionados
Hablemos de tu proyecto.
Cuéntenos lo que necesita; definiremos el alcance juntos.