Desde o lançamento de Core Web Vitals , tem sido um tópico popular entre as pessoas tente entender como medir, otimizar e relatar essas novas métricas, bem como cujo responsabilidade é fazer as otimizações necessárias.
Google’s Web.Dev site oferece aos desenvolvedores uma ajuda, recomendando um fluxo de trabalho específico para auditar o CWV de um site e planejar estratégias de otimização.
O conselho vem com uma lista de ferramentas para usar e perguntas a serem feitas para manter sua abordagem tão simplificado e eficaz quanto possível.
Uma abordagem ABC para Fluxos de trabalho essenciais de auditoria vital da Web
Chamado de’Web Vitals Loop’, os auditores são recomendados a adotar as seguintes abordagens, que são processos mais aconselhados:
Publicidade
Continue lendo abaixo
Abordagem A-Avalie a saúde da web e identifique os pontos problemáticos. Abordagem B-Depure e otimize páginas com baixo desempenho. Abordagem C-Monitore e desenvolva continuamente.
Cada abordagem vem com ferramentas sugeridas e, em alguns casos, perguntas a responder:
Uma Visão Geral da Abordagem A (Avaliação e Identificação)
Desenvolvedores que realizam a auditoria são aconselhados a se perguntar as seguintes questões neste ponto da auditoria para mantenha o processo focado:
Qual é o desempenho do site e ele requer atenção? As coisas melhoraram ou pioraram recentemente? Quais páginas, dispositivos e métricas devem ser priorizados?
Publicidade
Continue lendo abaixo
As seguintes ferramentas são recomendadas para ajudá-lo a realizar a auditoria da mais alta qualidade possível:
CrUX Dashboard
Esta ferramenta fornece uma visão geral do site que cobre métricas CWV . Também oferece tendências históricas e relatórios demográficos do usuário.
Esta ferramenta é um bom ponto de partida. Depois de entender quais páginas podem precisar de otimização, a próxima etapa da auditoria envolve cavar mais fundo para estabelecer uma lista de prioridades de otimizações de página.
Search Console
Google Search Console pode ajudar os desenvolvedores a identificar páginas que requerem atenção com base em métricas CWV por meio do relatório Core Web Vitals.
O relatório pode ajudá-lo a identificar quantas páginas têm uma experiência do usuário ruim, obter realmente granularidade com métricas de desempenho, entender se algum modelo de página requer melhorias e gerar relatórios com foco no desempenho de desktop ou celular.
PageSpeed Insights
A ferramenta PageSpeed Insights do Google é recomendada para se aprofundar na medição de métricas de UX em páginas específicas.
Os desenvolvedores podem comparar pontuações individuais para criar uma lista de prioridades de páginas que requerem otimizações CWV.
Depois de concluir sua pesquisa, você pode passar para a próxima fase da auditoria.
Relacionado: Como realizar uma auditoria técnica detalhada de SEO
Uma visão geral da abordagem B (depurar e otimizar)
O Google recomenda que os desenvolvedores procurem responder às seguintes perguntas durante esta fase da auditoria:
Qual é a melhor maneira de essas páginas devem ser otimizadas? Onde estão os frutos mais fáceis que podemos consertar primeiro? Quais soluções precisam de mais planejamento?
Publicidade
Continue lendo abaixo
Há três recomendações ferramentas para auxiliar na segunda seção de sua auditoria Core Web Vitals:
Lighthouse
Esta é a mesma ferramenta usada para o PageSpeed Insights, mas você também pode acessá-la usando Chrome DevTools ou web.dev/measure.
Por meio do Lighthouse, os desenvolvedores podem identificar otimizações de tempo de carregamento para melhorar a experiência do usuário.
O Lighthouse é conhecido como t ool para identificar correções menores antes de passar para otimizações mais extravagantes.
Extensão Web Vitals
Enquanto o Lighthouse mede as métricas até o ponto em que a página é carregada e não cobre a primeira exibição de entrada (FID), a extensão Web Vitals faz medições durante a interação da página.
Anúncio
Continue lendo abaixo
A ferramenta também cobre FID e CLS.
Chrome DevTools
Algumas das ações que você pode realizar com esta ferramenta incluem ver em tempo real o impacto das mudanças de layout, remover código não utilizado e testar quaisquer alterações de código.
Se alguma alteração for feita, você deve executar a abordagem A novamente para medir o impacto dessas atualizações regularmente.
Relacionado: Um guia técnico de SEO para métricas de desempenho do Lighthouse
Uma visão geral da abordagem C (monitor e desenvolver)
Depois de colocar no trabalho árduo e esforço de f identificar oportunidades de otimização CWV e implementá-las, é essencial que você continue monitorando o desempenho e realizando atualizações adicionais quando necessário.
Anúncio
Continue lendo abaixo
Gosto a maioria das coisas dentro do espaço digital, não é o caso de realizar uma tarefa uma vez, riscá-la da lista e depois esquecê-la.
De acordo com pesquisa realizada pelo Google , a maioria dos sites que melhoram o desempenho do site apresentam quedas em seis meses.
Portanto, o rastreamento de regressão também deve ser relatado para que você possa tomar medidas mais cedo ou mais tarde para manter o desempenho e planejar quando trabalho adicional precisar ser agendado.
As ferramentas recomendadas para auxiliar no monitoramento e desenvolvimento incluem:
CrUX via BigQueryCrUX APIPageSpeed Insights APIWeb-vitals.jsLighthouse-CI
Anúncio
Continue lendo abaixo
Seguindo uma estratégia como essa não apenas ajuda a identificar e otimizar as métricas Core Web Vital de baixo desempenho, é uma ótima maneira de encaminhar estratégias de otimização de planos e garantir que outras pessoas dentro do seu departamento e da empresa em geral estejam na mesma página.
