Skip to content
Aprender Medir Blog Case studies About
En esta página
  • ¿Qué mide FMP?
  • Cómo Lighthouse determina su puntaje FMP
  • Cómo mejorar su puntuación FMP
  • Seguimiento de FMP en dispositivos de usuarios reales
  • How to improve your overall Performance score
  • Recursos

Primer despliegue significativo (First Meaningful Paint)

May 2, 2019 — Actualizado Nov 5, 2019
Available in: 한국어, Português, English
Appears in: Auditorías de rendimiento
En esta página
  • ¿Qué mide FMP?
  • Cómo Lighthouse determina su puntaje FMP
  • Cómo mejorar su puntuación FMP
  • Seguimiento de FMP en dispositivos de usuarios reales
  • How to improve your overall Performance score
  • Recursos

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 #

  • 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
Última actualización: Nov 5, 2019 — Mejorar el artículo
Return to all articles
Compartir
suscribir

Contribute

  • Presentar un error
  • Ver fuente

Contenido relevante

  • developer.chrome.com
  • Chrome Actualizaciones
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos los productos
  • Condiciones y privacidad
  • Principios de la Comunidad

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.