El primer procesamiento de imagen significativo (FMP) 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 la FMP en segundos:
Qué mide el FMP
La FMP mide el momento en que el usuario puede ver el contenido principal de una página. La puntuación sin procesar de la FMP es el tiempo en segundos entre el momento en que el usuario inicia la carga de la página y el momento en que la página renderiza el contenido principal de la mitad superior de la página. Básicamente, el FMP muestra el tiempo de la pintura después del cual se produce el mayor cambio de diseño de la mitad superior de la página. Obtén más información sobre los detalles técnicos de la FMP en Tiempo hasta la primera pintura significativa: un enfoque basado en el diseño de Google.
El primer procesamiento de imagen con contenido (FCP) y la FMP suelen ser iguales cuando el primer fragmento de contenido renderizado en la página incluye el contenido de la mitad superior de la página. Sin embargo, estas métricas pueden diferir cuando, por ejemplo, hay contenido en la mitad superior de la página dentro de un iframe. La FMP registra cuando el usuario puede ver el contenido dentro del iframe, mientras que la FCP no incluye el contenido del iframe.
Cómo Lighthouse determina tu puntuación de FMP
Al igual que el FCP, el FMP se basa en datos de rendimiento reales de sitios web del Archivo HTTP.
Cuando FMP y FCP son iguales, sus puntuaciones son idénticas. Si la FMP ocurre después de la FCP (por ejemplo, cuando una página contiene contenido de iframe), la puntuación de la FMP será menor que la de la FCP.
Por ejemplo, supongamos que tu FCP es de 1.5 segundos y tu FMP es de 3 segundos. La puntuación de FCP sería 99, pero la de FMP sería 75.
En esta tabla, se muestra cómo interpretar tu puntuación de FMP:
| Métrica de FMP (en segundos) |
Codificación por colores | Puntuación de FMP (porcentaje de archivo HTTP de FCP) |
|---|---|---|
| De 0 a 2 | Verde (rápido) | Entre 75 y 100 |
| 2-4 | Naranja (moderado) | 50 a 74 |
| Más de 4 | Rojo (lento) | 0 a 49 |
Cómo mejorar tu puntuación de FMP
Consulta Cómo mejorar el procesamiento de imagen con contenido más grande en tu sitio. Las estrategias para mejorar el FMP son en gran medida las mismas que las estrategias para mejorar el procesamiento de imagen con contenido más grande.
Seguimiento de la FMP en dispositivos de usuarios reales
Para aprender a medir cuándo se produce realmente la FMP en los dispositivos de tus usuarios, consulta la página Métricas de rendimiento centradas en el usuario de Google. En la sección Cómo realizar un seguimiento de las campañas de vistas de embudo con elementos hero, se describe cómo acceder de manera programática a los datos de las campañas de vistas de embudo y enviarlos a Google Analytics.
Consulta el documento 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. La auditoría de Lighthouse de marcas y medidas de Tiempos de usuario te permite ver los datos de Tiempos de usuario en tu informe.
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.