Conforme a contagem regressiva continua Os vitais essenciais da web do Google estão se tornando um fator de classificação , os profissionais de SEO e desenvolvedores estão medindo o desempenho das três principais métricas e fazendo tudo o que podem para melhorá-las.

Se você não deu a próxima atualização pensada muito, agora é a hora.

Principalmente porque John Mueller do Google confirmou que todas as três métricas devem ser atendidas se você quiser aproveitar um aumento na classificação e potencialmente ganhar um emblema que logo será cobiçado na pesquisa resultados (se o Google decidir ir em frente com a ideia).

Existem atualmente seis ferramentas para medir Grande St Contentful Paint (LCP), First Input Delay (FID) e Cumulative Layout Shift (CLS); uma delas é o Chrome Dev Tools.

Performance Heads-Up Display (HUD)

Em 21 de janeiro, Performance Heads-Up Display (HUD) foi pré-visualizada para Chrome e Chrome para Android que mede o Core Web Vitals no navegador, em vez de depender de uma extensão.

Acessar os recursos por meio do Chrome Canary resolve as limitações encontradas ao utilizar o relatório Core Web Vitals por meio da extensão do Chrome, incluindo métricas de acesso em dispositivos móveis bem como desktop.

Chrome Dev Tools tweet

O que é o Chrome Canary?

O processo de desenvolvimento do Chrome consiste em quatro canais de lançamento:

Publicidade

Continue lendo abaixo

  • Estável
  • Beta
  • Dev
  • Canary

Quando você baixou Chrome, você provavelmente acabou com o Stable.

Canary é essencialmente o modelo experimental.

Você encontrará funções que podem não ser implementadas na versão Stable do Chrome. É um navegador popular para desenvolvedores, pois vem com sinalizadores, recursos e APIs novos e não testados.

Se você estiver animado para medir os pontos vitais da Web no navegador, precisará acessar o Chrome Canary e habilite o recurso.

Como habilitar Core Web Vitals no Chrome Canary

A função não é habilitada automaticamente, então você terá que fazer isso primeiro.

Publicidade

Continue lendo abaixo

Clique com o botão direito e abra Inspecionar elemento.

Google inspect

Clique no ícone Personalizar e controlar DevTools ao lado do ícone de configurações e navegue para mais ferramentas.

A partir daqui, role até a seção Renderização.

Renderização na inspeção

Clique para habilite Core Web Vitals.

Ativar core web vitals

Você receberá um pop-up com os resultados.

Publicidade

Continue lendo abaixo

Você não obterá o mesmo nível de informação que obteria no Google Search Console, que mostra quantas páginas requerem atenção.

No entanto, você pode usar o método Canário em qualquer site, tornando-o a oportunidade perfeita para comparar seus resultados com os de seu concorrente.

Uma reclamação é que você precisa habilitá-lo em todos os domínios que deseja verificar.

Uma observação sobre regiões de mudança de layout

Ao habilitar o Core Web Vitals, recomendamos habilitar também a ferramenta de regiões de mudança de layout.

Isso destacará qualquer conteúdo na página que mudar, o que ajudará a identificar problemas de CLS.

Não só w O Core Web Vitals se torna um componente essencial do SEO para ser otimizado e gerenciado, mas também ajuda a melhorar a experiência do usuário, tornando-o um projeto que vale a pena, independentemente dos sinais de classificação.

Publicidade

Continue lendo abaixo

Citações

https://addyosmani.com/blog/performance-hud/

https://usefyi.com/chrome-canary/

Source link

Categories: Wordpress