Get best of the week

Novos insights do PageSpeed ​​do Google com tecnologia Lighthouse 6 (beta): verifique o desempenho do seu site

Em 16 de março, o Google Chrome lançou uma versão beta do Lighthouse 6. A versão final formará a base das medidas no novo PageSpeed ​​Insights e no console do desenvolvedor do navegador Chrome. Detalhes e motor de teste para dentro.

Olá, Habr. Eu sou Alexey do Loading.express.

No último Chrome Developer Summit , eles disseram que em janeiro de 2020 lançariam uma atualização para o PageSpeed ​​Insights.

imagem

Assim que a notificação chegou, implantamos a versão beta do Lighthouse 6 em nossos servidores e estudamos detalhadamente as inovações. Aqui estão os principais:

  • três novas métricas - TBT, LCP e CLS;
  • dispositivo atualizado para abrir o site;
  • Novas auditorias para JS
  • Novas auditorias na seção de acessibilidade
  • novo item de auditoria na seção PWA.

Verifique o novo mecanismo Lighthouse aqui:
lh6.loading.express

Três novas métricas no novo relatório PageSpeed ​​(farol 6)


TBT - Tempo total de bloqueio. É o momento de bloquear a entrada em milissegundos quando um visitante não pode fazer nada no site. Está carregando. Nós esperamos. Mesmo se você tentar deslizar, rolar, clicar - você terá o efeito de congelamento ou movimento com interrupções.

performance habr.com/ru/
Métricas de TBT para a página inicial da Habr

O que é considerado rápido ou lento:

  • 0-300 ms - zona verde, rápida;
  • 300-600 ms - zona laranja, moderadamente;
  • mais de 600 ms - zona vermelha, lentamente.

LCP - Maior tinta de conteúdo. Hora de renderizar o conteúdo maior e mais visível na tela. O momento em que o visitante do site percebeu que o site foi carregado e você pode iniciar. Essa métrica foi desenvolvida no Google após pesquisas. Discutimos isso em conjunto com o Web Performance Working Group W3C , que incluía representantes da Airbnb, Facebook, Mozilla Foundation, Intel Corporation e outros.

O que é bom e ruim:

  • 0-2 seg - zona verde, rápido;
  • 2-4 seg - zona laranja, moderadamente;
  • mais de 4 segundos - zona vermelha, lentamente.

CLS - Mudança cumulativa de layout. Essa métrica resume as pontuações de cada mudança de página que ocorre durante o carregamento da página. Todo mundo se lembra do momento em que ele visita a página, você começa a ler e de repente todo o conteúdo foge para algum lugar. Isso carregou os anúncios de cima e empurrou todo o conteúdo para baixo. Agora, o Google considera essas mudanças e, quanto mais elas são, maior a pontuação.

Valores de 0 a 1. Até 0,5 é bom, mais próximo de 1 é ruim.

O parâmetro FID foi removido do relatório. Os relatórios de medição TBT e JS assumiram parcialmente o controle.

Novo dispositivo para abrir o site Moto G4



A imitação do dispositivo em que o Google abriu seu site foi igual à tela do Nexus 5 de 2013. E muitos consultores de desempenho ficaram perplexos até que fosse considerado um modelo de dispositivo. E assim, em 2020 - um novo dispositivo - o Moto G4 (emulado) a partir de 2016. E isso significa que, em média, em todo o mundo, as pessoas atualizam os dispositivos a partir dos quais acessam os sites.

Novas auditorias no farol 6


JS - agora, se muito javascript for executado quando o site for carregado, o GPSI o reportará separadamente.

Acessibilidade - novos itens de auditoria estão relacionados à exibição de elementos do site para leitores de texto em formato de áudio, para deficientes visuais. Há uma opinião de que os assistentes de voz também usarão essa marcação.

Auditoria de codificação de caracteres - a codificação deve ser declarada.

Auditoria de ícone mascarável do PWA - uma auditoria que verifica se existe um ícone de vetor para uma máscara. Caso contrário, ele recomendará criar um formato vetorial.

Conclusões sobre a nova auditoria da velocidade dos locais de carregamento Farol 6


O PageSpeed ​​Insights teve essa atualização global pela última vez em novembro de 2018. Em seguida, muitos sites caíram na zona vermelha, porque antes da atualização o PageSpeed ​​não media a velocidade de carregamento dos sites, mas mostrava recomendações para otimizar vários parâmetros que poderiam afetar a velocidade de carregamento.

Quem perdeu a atualização ainda pode estar enganado e garantir a todos que o GPSI não mede a velocidade dos sites de carregamento.

Com o novo Lighthouse 6, a medição de velocidade se tornará mais compreensível para desenvolvedores e proprietários de sites.

Sites rápidos e altas conversões.

More articles:


All Articles