Resumo de 30 segundos:
- Houve um aumento gradual no impacto do tempo de carregamento da página do Google nas classificações do site
- O Google introduziu as três métricas do Core Web Vitals porquê fatores de classificação para medir a experiência do usuário
- As etapas a seguir podem ajudá-lo a ter uma teoria melhor do desempenho do seu site por meio de vários testes
Um site rápido não exclusivamente oferece uma experiência melhor, mas também pode aumentar as taxas de conversão e melhorar sua classificação nos mecanismos de pesquisa. O Google apresentou os três Pontos vitais principais da Web métricas para medir a experiência do usuário e é usando-os como um fator de classificação.
Vamos dar uma olhada no que você pode fazer para testar e otimizar o desempenho do seu site.
Comece no Google Search Console
Quer saber se a otimização do Core Web Vitals é um pouco em que você deveria estar pensando? Use o relatório de experiência da página em Google Search Console para verificar se alguma das páginas do seu site está carregando muito lentamente.
O Search Console mostra os dados que o Google coleta de usuários reais no Chrome, e esses também são os dados usados porquê um sinal de classificação. Você pode ver exatamente quais URLs de página precisam ser otimizados.
Execute um teste de velocidade do site
Os dados reais do usuário do Google informam a velocidade do seu site, mas não fornecem uma estudo que explique por que seu site está lento.
Execute um teste gratuito de velocidade do site desvendar. Basta inserir a URL da página que deseja testar. Você receberá um relatório de desempenho detalhado do seu site, incluindo recomendações sobre porquê otimizá-lo.
Use dicas de prioridade para otimizar a maior pintura de teor
Dicas prioritárias são um novo recurso do navegador lançado em 2022. Ele permite que os proprietários de sites indiquem a relevância de uma imagem ou outro recurso na página.
Isso é principalmente importante ao otimizar o Maior pintura de conteúdo, uma das três métricas do Core Web Vitals. Ele mede quanto tempo leva para o teor da página principal romper posteriormente a orifício da página.
Por padrão, os navegadores assumem que todas as imagens são de baixa prioridade até que a página comece a renderizar e o navegador saiba quais imagens estão visíveis para o usuário. Dessa forma, a largura de margem não é desperdiçada em imagens de baixa prioridade perto da segmento subalterno da página ou no rodapé. Mas também reduz a velocidade de imagens importantes no topo da página.
Juntar um atributo fetchpriority=”high” ao elemento img que é responsável pela maior pintura de teor garante que ele seja baixado rapidamente.
Use carregamento lento de imagem nativa para otimização
Carregamento lento de imagem significa exclusivamente carregar imagens quando elas se tornam visíveis para o usuário. É uma ótima maneira de ajudar o navegador a se concentrar primeiro no teor mais importante.
No entanto, o carregamento lento de imagens também pode tornar o carregamento lento das imagens, principalmente ao usar uma livraria de carregamento lento JavaScript. Nesse caso, o navegador primeiro precisa carregar a livraria JavaScript antes de inaugurar a carregar as imagens. Essa longa prisão de solicitações significa que vagar um pouco para o navegador carregar a imagem.
Hoje os navegadores suportam carregamento preguiçoso nativo com o atributo loading=”lazy” para imagens. Dessa forma, você pode obter os benefícios do carregamento lento sem incorrer no dispêndio de minguar uma livraria JavaScript primeiro.
Remova e otimize os recursos de bloqueio de renderização
Recursos de bloqueio de renderização são solicitações de rede que o navegador precisa fazer antes de poder mostrar qualquer teor de página ao usuário. Eles incluem o documento HTML, folhas de estilo CSS, muito porquê alguns arquivos JavaScript.
Uma vez que esses recursos têm um impacto tão grande no tempo de carregamento da página, você deve verificar cada um deles para ver se é realmente necessário. A palavra-chave async na tag de script HTML permite que você carregue o código JavaScript sem bloquear a renderização.
Se um recurso tiver que bloquear a renderização, verifique se você pode otimizar a solicitação para carregar o recurso mais rapidamente, por exemplo, melhorando a compactação ou carregando o registo de seu servidor da Web principal em vez de um terceiro.
Otimize com a novidade interação para a métrica Next Paint
O Google anunciou uma novidade métrica chamada Interação para a próxima pintura. Essa métrica mede a rapidez com que seu site responde à ingresso do usuário e provavelmente se tornará um dos principais indicadores vitais da Web no horizonte.
Você já pode ver o desempenho do seu site nessa métrica usando ferramentas porquê Insights de velocidade de página.
Monitore continuamente o desempenho do seu site
Testes pontuais de velocidade do site podem identificar problemas de desempenho em seu site, mas não facilitam o seguimento dos resultados do teste e a confirmação de que suas otimizações estão funcionando.
DebugBear monitora continuamente seu site para verificar e alertar você quando há um problema. A utensílio também facilita a exibição do impacto do seu trabalho para os clientes e o compartilhamento dos resultados dos testes com sua equipe.
Experimente o DebugBear com uma avaliação gratuita de 14 dias.
