Primer despliegue significativo (First Meaningful Paint)
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:
¿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:
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:
See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.
Recursos #
- Código fuente para la auditoría de Primer despliegue significativo
- Guía de puntuación de Lighthouse v3
- Hasta el primer despliegue significativo: un enfoque basado en diseño
- Despliegue con contenido más extenso