Qué es el FCP
El FCP mide cuánto tarda en aparecer el primer elemento visible de tu página (puede ser texto, una línea o un color de fondo), antes incluso de que cargue el contenido principal completo. Viene de «First Contentful Paint» o «primer contenido visible».
Es como el primer indicio de que una persiana empieza a subir, frente al momento en que ya puedes ver completo el escaparate: el FCP marca ese primer instante en que el visitante deja de ver una pantalla completamente en blanco y empieza a percibir que algo está cargando. El FCP se diferencia del LCP (que mide el elemento más grande) en que marca el primer momento, por pequeño que sea, en que el navegador pinta algo en pantalla: puede ser un simple titular, una línea de texto o incluso un color de fondo, mucho antes de que el contenido principal haya terminado de cargar.
Cómo funciona
- El visitante hace clic en un enlace o escribe tu dirección en el navegador.
- El navegador empieza a descargar y procesar los recursos necesarios para mostrar la página.
- En cuanto consigue pintar en pantalla el primer elemento visible, por mínimo que sea, se registra ese instante como el FCP.
- A partir de ahí, el resto del contenido sigue cargando hasta completarse, incluyendo el elemento más grande que mide el LCP.
- Un FCP rápido transmite al visitante la sensación de que la web ya está reaccionando, aunque el contenido completo tarde un poco más en llegar.
Ejemplo
Una clínica de nutrición con consultas online en Mataró tenía un FCP de más de 3 segundos, porque varios scripts de analítica y de un chat externo se cargaban antes que cualquier contenido visible de la página, bloqueando por completo la primera pintura en pantalla. Reordenamos la carga para que el contenido principal se pintara antes que esos scripts secundarios, y el FCP bajó a menos de 1 segundo, dando una sensación de web mucho más rápida desde el primer instante.
Señales de que te afecta
- PageSpeed Insights señala un FCP alto entre las métricas de tu web.
- Tu web se siente lenta al entrar, con una pantalla en blanco durante un buen rato antes de ver nada.
- Tienes scripts externos (analítica, chats, anuncios) que se cargan antes que el contenido principal.
- Tu LCP es razonable pero el FCP sigue siendo alto, señal de que el primer indicio de carga tarda en aparecer.
Cómo lo resolvemos
Revisamos qué está retrasando el primer elemento visible de tus páginas (scripts bloqueantes, recursos pesados cargando antes de tiempo) y reordenamos la carga para que el visitante perciba actividad lo antes posible. Si quieres que revisemos esto en tu web, en nuestro servicio de optimización WordPress nos encargamos de ello. El FCP es una métrica previa y complementaria al LCP, y ambas forman parte de la experiencia de carga que miden los Core Web Vitals.
Preguntas frecuentes
¿El FCP es parte oficial de los Core Web Vitals?
No es una de las tres métricas oficiales (LCP, INP y CLS), pero Google la sigue considerando una señal relevante de velocidad percibida, y aparece igualmente en los informes de PageSpeed Insights.
¿Qué diferencia hay entre el FCP y el TTFB?
El TTFB mide cuándo el servidor empieza a responder, un paso anterior; el FCP mide cuándo el navegador consigue pintar algo visible en pantalla, que ocurre después de recibir y procesar esa primera respuesta.
¿Un buen FCP garantiza que mi web es rápida?
Es una buena señal inicial, pero no basta por sí solo: conviene revisarlo junto con el LCP y el resto de métricas, porque una web puede pintar algo rápido al principio y aun así tardar en mostrar el contenido realmente importante.