A primeira pintura significativa (FMP, na sigla em inglês) é uma das seis métricas rastreadas na seção Performance do relatório do Lighthouse. Cada métrica captura algum aspecto da velocidade de carregamento da página.
O Lighthouse mostra a FMP em segundos:
O que a FMP mede
A FMP mede quando o conteúdo principal de uma página fica visível para o usuário. A pontuação bruta da FMP é o tempo em segundos entre o início do carregamento da página pelo usuário e a renderização do conteúdo principal acima da dobra. A FMP mostra essencialmente o tempo da pintura após a maior mudança de layout acima da dobra. Saiba mais sobre os detalhes técnicos da FMP no artigo Tempo até a primeira pintura significativa: uma abordagem baseada em layout do Google.
A First Contentful Paint (FCP) e a FMP geralmente são iguais quando o primeiro bit de conteúdo renderizado na página inclui o conteúdo acima da dobra. No entanto, essas métricas podem ser diferentes quando, por exemplo, há conteúdo acima da dobra em um iframe. A FMP registra quando o conteúdo dentro do iframe está visível para o usuário, enquanto a FCP não inclui conteúdo de iframe.
Como o Lighthouse determina sua pontuação de FMP
Assim como a FCP, a FMP é baseada em dados reais de desempenho do site do HTTP Archive.
Quando o FMP e o FCP são iguais, as pontuações são idênticas. Se a FMP ocorrer após a FCP, por exemplo, quando uma página contém conteúdo de iframe, a pontuação da FMP será menor que a da FCP.
Por exemplo, digamos que o FCP seja de 1,5 segundo e o FMP seja de 3 segundos. A pontuação de FCP seria 99, mas a pontuação de FMP seria 75.
Esta tabela mostra como interpretar sua pontuação de FMP:
| Métrica de FMP (em segundos) |
Codificação por cores | Pontuação do FMP (percentil do arquivo HTTP do FCP) |
|---|---|---|
| 0 a 2 | Verde (rápido) | 75 a 100 |
| 2 a 4 | Laranja (moderado) | 50 a 74 |
| Mais de 4 | Vermelho (lento) | De 0 a 49 |
Como melhorar sua pontuação de FMP
Consulte Como melhorar a maior exibição de conteúdo no seu site. As estratégias para melhorar a FMP são em grande parte as mesmas que as estratégias para melhorar a Maior pintura de conteúdo.
Como rastrear a FMP em dispositivos de usuários reais
Para saber como medir quando o FMP realmente ocorre nos dispositivos dos usuários, consulte a página Métricas de desempenho centradas no usuário do Google. A seção Rastreamento de FMP usando elementos principais descreve como acessar e enviar dados de FMP ao Google Analytics de maneira programática.
Consulte Como avaliar a performance de carregamento na vida real com navegação e tempo de recursos para saber mais sobre a coleta de métricas de usuários reais. A auditoria do Lighthouse sobre marcas e medidas de tempo do usuário permite que você confira os dados de tempo do usuário no seu relatório.
Como melhorar sua pontuação de performance geral
A menos que você tenha um motivo específico para se concentrar em uma métrica específica, geralmente é melhor se concentrar em melhorar sua pontuação de desempenho geral.
Use a seção Diagnóstico do relatório do Lighthouse para determinar quais melhorias vão ter mais valor para sua página. Quanto maior a oportunidade, maior o efeito dela na sua Pontuação de desempenho. Por exemplo, a captura de tela do Lighthouse a seguir mostra que eliminar recursos que bloqueiam a renderização vai gerar a maior melhoria:
Consulte as Auditorias de desempenho para saber como resolver as oportunidades identificadas no seu relatório do Lighthouse.