As recomendações abaixo não só ajudarão com o Core Web Vitals, mas também melhorarão a saúde geral de SEO do site.
widgets personalizados nem sempre demoram para carregar, mas se precisarem de chamadas para APIs externas ou ferramentas de terceiros, talvez precisem. Widgets pesados são widgets que, por definição, exigem chamadas de API externas ou código de terceiros para serem totalmente carregados. Por exemplo, o widget de mapa, o widget de feed do Twitter, o widget de vídeo, qualquer widget do Facebook etc
Nota
A “dobra” de um site se refere à parte da página que fica visível sem rolagem. É o conteúdo que você vê imediatamente ao carregar a página pela primeira vez. Qualquer coisa que você precise rolar para baixo para ver é considerada “abaixo da dobra”.
Os widgets personalizados e pesados podem ter tempos de carregamento diferentes entre si, e isso pode diminuir o LCP e a experiência geral de carregamento da página.
Dica
Para widgets personalizados, peça ao desenvolvedor que melhore a forma como o conteúdo é renderizado e obtido com técnicas como carregamento assíncrono, busca de dados do thread principal e muito mais.
As fontes são baixadas automaticamente e incorporadas ao HTML da sua página (até 50 KB de fontes), acelerando a rapidez com que o navegador exibe as fontes. Isso ajuda a evitar que o CLS e os flashes de fonte sejam vistos normalmente nas páginas de carregamento
Dica
Além disso, tente manter o número de pesos no mínimo.
Gerenciador de tags do Google pode baixar bibliotecas e códigos extras que você não precisa, o que pode diminuir o LCP. Se você tiver apenas uma ou duas tecnologias de rastreamento, talvez não valha a pena implementar o Gerenciador de tags do Google.
Dica
Se você tiver o Gerenciador de tags do Google em seu site, consulte ??? para obter dicas sobre como garantir que o código de rastreamento seja carregado corretamente e não deixe o site lento.
Imagens e vídeos de fundo geralmente são o maior ativo que os navegadores baixam em um site. Quando há muitas imagens, imagens grandes (aquelas que ocupam a maior parte da largura da página) ou vídeos, pode haver um atraso no LCP e um aumento no CLS porque o navegador precisa baixar os elementos antes que eles possam ser
Se você precisar de várias imagens acima da dobra, reduza o tamanho da imagem para o de um ícone ou miniatura.
Dica
Mova os vídeos de fundo e as apresentações de slides para baixo na página. Se você quiser usar uma apresentação de slides, limite-a a 3 imagens ou menos
Os Core Web Vitals podem ter um grande impacto na forma como os sites são classificados pelo Google e prometem fazer grandes coisas para a experiência do usuário.
Para vídeos, replays de webinars e muito mais, visite nosso Centro de recursos do Core Web Vitals, focada inteiramente na preparação de seus sites para o Core Web Vitals.