Respuesta corta: el First Contentful Paint (FCP) es el tiempo desde que alguien empieza a cargar una página hasta que aparece en pantalla cualquier cosa de ella: un texto, una imagen (también de fondo), un svg o un canvas que no sea blanco. Un buen FCP es de 1.8 segundos o menos, y más de 3 segundos es deficiente.
En qué se diferencia el FCP del LCP
El FCP marca el primer contenido que aparece, aunque falte casi toda la página. El LCP espera al elemento más grande, que suele ser el contenido principal. Así que una página puede tener un FCP rápido y un LCP lento: algo aparece pronto, pero lo que el visitante buscaba llega después.
El reloj empieza antes de que responda tu servidor. Cuentan la descarga de la página en la que estaba el visitante, la apertura de la conexión y las redirecciones. Esos pasos pueden sumar mucho en visitas reales, por eso los datos de campo y los de laboratorio suelen diferir.
FCP bueno, intermedio y deficiente
La escala de Web Vitals en web.dev es la misma para el móvil y la computadora. Lighthouse, que es una herramienta de laboratorio, colorea su resultado con esa escala en el móvil y con una más exigente en la computadora.
| Escala | Bueno | Intermedio | Deficiente |
|---|---|---|---|
| web.dev, para datos de campo | 1.8 segundos o menos | De 1.8 a 3 segundos | Más de 3 segundos |
| Lighthouse en el móvil | De 0 a 1.8 segundos, verde | De 1.8 a 3 segundos, naranja | Más de 3 segundos, rojo |
| Lighthouse en la computadora | De 0 a 0.9 segundos, verde | De 0.9 a 1.6 segundos, naranja | Más de 1.6 segundos, rojo |
De web.dev, «First Contentful Paint (FCP)», y de Chrome for Developers, «Primer procesamiento de imagen con contenido», consultadas el 3 de noviembre de 2026.
Lighthouse sigue el FCP como una de las seis métricas de su sección de rendimiento. Convierte el tiempo en una puntuación de 0 a 100 comparándolo con sitios reales del HTTP Archive: por ejemplo, un FCP de 1.2 segundos obtiene 99.
Cómo acelerar el FCP
- Pasa Lighthouse en la página y empieza por las oportunidades y los diagnósticos que muestra.
- Quita o aplaza el CSS y el JavaScript que bloquean el renderizado.
- Reduce tu CSS y quita el CSS y el JavaScript que la página no usa.
- Baja el tiempo de respuesta de tu servidor y evita las cadenas de redirecciones.
- Conéctate antes a los orígenes que necesitas y precarga las peticiones más importantes.
- Mantén el texto visible mientras cargan las fuentes web.
- Haz pocas peticiones y pequeñas, y guarda en caché los archivos estáticos.
Nuestras guías de PageSpeed Insights y del TTFB amplían los pasos 1 y 4, y la del Largest Contentful Paint trata lo que viene después del primer pintado.
El FCP en nuestras páginas
Nuestra prueba: dos pasadas de la prueba móvil de PageSpeed Insights en cada una de 4 páginas, el 3 de noviembre. En la página de inicio, la de servicios de SEO y la guía de robots.txt, el FCP y el LCP fueron iguales en todas las pasadas: entre 1.1 y 2.0 segundos en la de inicio y 1.2 en las otras dos. Lo primero que se pintó ya era lo más grande.
El índice del blog fue la excepción: FCP entre 1.2 y 2.0 segundos, LCP entre 2.9 y 6.2. Su elemento más grande es la foto del artículo más reciente, que se pinta después del primer texto. Nuestro constructor de páginas cargaba esa foto en diferido hasta que cambiamos el ajuste esa misma mañana. La espera antes de que el navegador la pida bajó de unos 1.5 segundos a menos de 0.2.
Lighthouse contó 1 petición que bloquea el primer renderizado en la página de inicio, que lleva sus estilos dentro del HTML. En cada una de las otras tres, que cargan 18 hojas de estilo, contó 19. Los resultados de laboratorio también se mueven entre pasadas: la de inicio dio 1.1 segundos en una y 2.0 en la otra, así que comparamos varias antes de sacar conclusiones.
Antes de dar por rápido tu FCP
- Revisaste el FCP en datos de campo, no solo en una prueba de laboratorio.
- Ningún CSS ni JavaScript bloquea el primer pintado sin necesidad.
- Ya no queda CSS ni JavaScript sin usar.
- El servidor responde rápido, sin cadenas de redirecciones.
- El texto se ve mientras cargan las fuentes.
- Los archivos estáticos están en caché.
RecuerdaEl FCP te dice cuándo la página deja de verse en blanco, no cuándo está lista. Léelo junto al LCP: si el FCP es rápido y el LCP lento, la página muestra algo pronto pero su contenido principal tarde.
Si tus páginas tardan en mostrar algo, nuestro servicio de diseño web puede ayudarte.
Respuestas rápidas sobre el FCP
¿Qué es un buen FCP?
web.dev considera bueno 1.8 segundos o menos y deficiente más de 3 segundos. Apunta a cumplirlo en tres de cada cuatro cargas de página, revisando el móvil y la computadora por separado.
¿Qué cuenta como contenido para el FCP?
El texto, las imágenes, incluidas las de fondo, los elementos svg y los elementos canvas que no sean blancos. La versión de Lighthouse deja fuera lo que hay dentro de un iframe. Así que una página que solo muestra un color de fondo aún no ha llegado al FCP.
¿Por qué mi FCP es rápido y mi LCP lento?
Porque el contenido inicial puede ser pequeño, como un titular, mientras el elemento más grande tarda más. En el índice de nuestro blog, el FCP fue de entre 1.2 y 2.0 segundos y el LCP de entre 2.9 y 6.2. La diferencia es la foto del artículo más reciente, que se pinta después del primer texto.
¿Las fuentes web afectan al FCP?
Sí. Lighthouse señala el tiempo de carga de las fuentes como un problema que pesa en especial sobre el FCP. Su consejo es mantener el texto visible mientras cargan las fuentes web, para que el primer pintado no las espere.
¿Trabajo el FCP o la puntuación general?
Lighthouse recomienda la puntuación general de rendimiento, salvo que tengas un motivo para perseguir una sola métrica. Su sección de diagnósticos muestra qué arreglos ayudarían más a tu página, y las oportunidades más grandes mueven más la puntuación.
Fuentes
Consultadas el 3 de noviembre de 2026. web.dev: First Contentful Paint (FCP). Chrome for Developers: Primer procesamiento de imagen con contenido. Nuestro caso: dos pasadas de la prueba móvil de PageSpeed Insights en 4 páginas de nuestra web, el 3 de noviembre de 2026.