El primer procesamiento de imagen con contenido (FCP) es una de las seis métricas que se registran en la sección Rendimiento del informe de Lighthouse. Cada métrica captura algún aspecto de la velocidad de carga de la página.
Lighthouse muestra el FCP en segundos:
Qué mide el FCP
El FCP mide el tiempo que tarda el navegador en renderizar el primer elemento de contenido del DOM después de que un usuario navega a tu página.
Las imágenes, los elementos <canvas> que no son blancos y los SVGs de tu página se consideran contenido del DOM. No se incluye nada dentro de un iframe.
Cómo Lighthouse determina tu puntuación de FCP
Tu puntuación de FCP es una comparación del tiempo de FCP de tu página y los tiempos de FCP de sitios web reales, según los datos del Archivo HTTP. Por ejemplo, los sitios que tienen un rendimiento en el percentil noventa y nueve renderizan el FCP en aproximadamente 1.2 segundos. Si el FCP de tu sitio web es de 1.2 segundos, tu puntuación de FCP es de 99. Consulta Cómo se determinan las puntuaciones de las métricas para obtener información sobre cómo se establecen los umbrales de puntuación de Lighthouse.
En esta tabla, se muestra cómo interpretar tu puntuación de FCP:
| Tiempo de FCP (en segundos) |
Codificación por colores |
|---|---|
| Entre 0 y 1.8 | Verde (rápido) |
| 1.8–3 | Naranja (moderado) |
| Más de 3 | Rojo (lento) |
Cómo mejorar tu puntuación de FCP
Un problema que es particularmente importante para FCP es el tiempo de carga de la fuente. Consulta la entrada Asegúrate de que el texto permanezca visible mientras se carga la fuente para sitios web para conocer formas de acelerar la carga de fuentes.
Seguimiento de la FCP en dispositivos de usuarios reales
Para aprender a medir cuándo se produce el FCP en los dispositivos de tus usuarios, consulta la página Métricas de rendimiento centradas en usuarios de Google. En la sección Seguimiento de FP/FCP, se describe cómo acceder de forma programática a los datos de FCP y enviarlos a Google Analytics.
Consulta el artículo Cómo evaluar el rendimiento de carga en situaciones reales con la navegación y el tiempo de los recursos de Google para obtener más información sobre la recopilación de métricas de usuarios reales.
Cómo mejorar tu puntuación general de rendimiento
A menos que tengas un motivo específico para enfocarte en una métrica en particular, por lo general, es mejor que te enfoques en mejorar tu puntuación general de rendimiento.
Usa la sección Diagnóstico del informe de Lighthouse para determinar qué mejoras tendrán más valor para tu página. Cuanto más significativa sea la oportunidad, mayor será el efecto que tendrá en tu puntuación de rendimiento. Por ejemplo, en la siguiente captura de pantalla de Lighthouse, se muestra que eliminar los recursos que bloquean la renderización generará la mayor mejora:
Consulta las auditorias de rendimiento para obtener información sobre cómo abordar las oportunidades identificadas en tu informe de Lighthouse.