Primer despliegue significativo (First Meaningful Paint)

Published on Updated on

Translated to: English, Português, 한국어

Precaución

El Primer despliegue significativo (FMP) está obsoleto a partir de Lighthouse 6.0. En la práctica, FMP se ha comportado de forma demasiado sensible a las pequeñas diferencias en la carga de la página, lo que ha dado lugar a resultados inconsistentes (bimodales). Además, la definición de la métrica se basa en detalles de implementación específicos del navegador, lo que significa que no se puede estandarizar ni implementar en todos los navegadores. En el futuro, en vez de esta métrica, considere usar Despliegue del contenido más extenso.

Primer despliegue significativo (FMP) es una de las seis métricas que se registran en la sección Rendimiento del informe Lighthouse. Cada métrica captura algún aspecto de la velocidad de carga de la página.

Lighthouse muestra FMP en segundos:

Una captura de pantalla de la auditoría Primer despliegue significativo en Lighthouse

¿Qué mide FMP?

FMP mide cuándo el contenido principal de una página se hace visible para el usuario. La puntuación bruta para 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 presenta el contenido principal de la mitad superior de la página. FMP esencialmente muestra el momento del despliegue después del cual ocurre el mayor cambio en el diseño en la parte superior de la página. Obtenga más información sobre los detalles técnicos de FMP en Hasta el primer despliegue significativo: un enfoque basado en diseño de Google.

El Primer despliegue del contenido (FCP) y el FMP suelen ser iguales cuando el primer fragmento de contenido representado en la página incluye el contenido en la mitad superior de la página. Sin embargo, estas métricas pueden diferir cuando, por ejemplo, existe contenido en la mitad superior de un iframe. FMP registra cuando el contenido dentro del iframe es visible para el usuario, mientras que FCP no incluye contenido de iframe.

Cómo Lighthouse determina su puntaje FMP

Al igual que FCP, FMP se basa en datos reales de rendimiento del sitio web del Archivo HTTP .

Cuando FMP y FCP son iguales, sus puntuaciones son idénticas. Si FMP ocurre después de FCP, por ejemplo, cuando una página contiene contenido de iframe, la puntuación de FMP será más baja que la puntuación de FCP.

Por ejemplo, digamos que su FCP es de 1,5 segundos y su FMP es de 3 segundos. La puntuación FCP sería 99, pero la puntuación FMP sería 75.

Esta tabla muestra cómo interpretar su puntuación FMP:

Métrica FMP
(en segundos)
Código de coloresPuntuación FMP
(Percentil de archivo HTTP de FCP)
0-2Verde (rápido)75-100
2-4Naranja (moderado)50–74
Más de 4Rojo (lento)0–49

See the Lighthouse performance scoring post to learn how your page's overall performance score is calculated.

Cómo mejorar su puntuación FMP

Vea Cómo mejorar despliegue del contenido más extenso en su sitio. Las estrategias para mejorar el FMP son en gran parte las mismas que las estrategias para mejorar el despliegue del contenido más extenso.

Seguimiento de FMP en dispositivos de usuarios reales

Para saber cómo medir cuándo ocurre realmente el FMP en los dispositivos de sus usuarios, consulte la página de métricas de rendimiento centradas en el usuario de Google. La sección Seguimiento de FMP usando elementos principales describe cómo acceder a los datos de FCP mediante programación y enviarlos a Google Analytics.

Consulte Evaluación del rendimiento de carga en la vida real con la navegación y sincronización de recursos de Google para obtener más información sobre la recopilación de métricas de usuarios reales. La auditoría de Lighthouse User Timing marks and measures le permite ver los datos del tiempo del usuario en su informe.

How to improve your overall Performance score

Unless you have a specific reason for focusing on a particular metric, it's usually better to focus on improving your overall Performance score.

Use the Opportunities section of your Lighthouse report to determine which improvements will have the most value for your page. The more significant the opportunity, the greater the effect it will have on your Performance score. For example, the Lighthouse screenshot below shows that eliminating render-blocking resources will yield the biggest improvement:

Lighthouse: Opportunities section

See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.

Recursos

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.