O que é carregamento lento? Compreendendo o Lazy Loading para SEO

Você sabia disso 47% dos usuários espera que uma página carregue em 2 segundos ou menos?

A velocidade da página é crucial no mundo do marketing digital de hoje por uma série de razões. Os usuários que não conseguem acessar seu site, ou que ficam frustrados com o processo de fazê-lo, têm uma grande probabilidade de abandonar sua marca por sua postagem no blog ou produto e procurar outro lugar.

Um atraso na velocidade de conexão de apenas 500 milissegundos pode resultar em um aumento no “pico de frustração” de mais de 26%, e uma diminuição no engajamento de 8%. O Moz identifica o tempo de carregamento de página ideal em 0-4 segundos e descobriu que as páginas que carregam em menos de um segundo convertem a uma taxa em torno de 2,5 vezes maior do que páginas que carregam mais devagar do que cinco segundos ou mais.

Taxas de conversão de carregamento lento

A conclusão é óbvia. Para a maioria das pessoas, o tempo que leva para chegar ao seu site é o primeira experiência com sua marca. Atribuí-los a uma velocidade de página lenta é uma maneira infalível de começar o relacionamento com o pé esquerdo. Você até corre o risco de impedir que usuários e clientes recorrentes convertam novamente.

É aí que entra o carregamento lento. O carregamento lento é uma das várias otimizações de velocidade de página cruciais que você pode fazer para aumentar o desempenho e ter a melhor chance de converter novos usuários.

Vamos conversar a respeito disso!

O que é carregamento lento?

O carregamento lento, em poucas palavras, permite que você adie os elementos da página de carregamento lento até depois de sua página foi renderizada. É uma maneira de garantir que o usuário “chegue” ao seu site (e não salte) antes de fazer o trabalho pesado de carregar alguns dos elementos maiores e não críticos abaixo da dobra em sua página da web.

A ideia aqui é encurtar o comprimento do caminho de renderização críticoou o tempo que o usuário leva para chegar ao A maior pintura com conteúdo (LCP). Largest Contentful Paint é uma maneira elegante de dizer a velocidade de carregamento. Também é uma maneira crucial de dizer isso, porque representa Do Google compreensão da velocidade de carregamento.

Maior Contentful Pain marca o ponto na linha do tempo de carregamento da página quando o conteúdo principal da página provavelmente foi carregado. O LCP sempre foi um elemento crucial da velocidade da página e da experiência do usuário. É ainda mais um fator agora que o Google lançou seu Core Web Vitals.

Experiência de página de carregamento lento

Você pode pensar em Core Web Vitals, que o Google introduziu em maio de 2020, como os requisitos básicos para a integridade técnica de um local; indicadores que o Google usa para avaliar a UX (experiência do usuário) de uma página. Eles próprios são parte integrante de uma atualização de algoritmo maior, chamada de Atualização da experiência da página, isso tornará a experiência do usuário e o desempenho do site crítico fatores de classificação em maio do próximo ano.

Lazy Loading Web Vitals

Novos requisitos técnicos do Google para uma experiência de usuário saudável e digna de classificação. Para obter mais ajuda com SEO técnico, vá para nossa postagem em como fazer uma auditoria técnica de SEO.

Rapidez tem sido, por algum tempo, um fator crítico de classificação do Google, mas o lançamento de Core Web Vitals e o pré-anúncio da atualização da experiência da página representam mudanças marcantes na velocidade da página de rolagem em recebendo tráfego orgânico no futuro.

Os dois últimos componentes do Core Web Vitals – First Input Delay (FID) e Cumulative Layout Shift (CLS) – têm a ver com a forma como o usuário interage com uma página depois de acessá-la. Para nossos propósitos aqui, é o primeiro componente, Largest Contentful Paint, onde o carregamento lento pode realmente causar um impacto. Atrasando os tempos de carregamento de elementos não críticos até depois de um usuário “alcançou” sua página da web, você tem uma chance muito maior de manter – e não apenas manter, mas converter – esse usuário.

Como saber se seu site precisa de carregamento lento

O fato de seu site estar lento não significa necessariamente que você ter para implementar o carregamento lento. Uma abordagem melhor para a otimização da velocidade da página é executar seu site por meio de uma ferramenta de desempenho da velocidade da página como o PageSpeed ​​Insights ou GTmetrix.

Velocidade da página de carregamento lento

Um exemplo de avaliação da velocidade da página com base nos insights do PageSpeed.

Lá, você obterá uma série de recomendações que podem ou não exigir a implementação do carregamento lento para imagens, mas definitivamente incluirão outros elementos de otimização da velocidade da página, como:

  • Ativando a compactação Gzip
  • Minimizar JavaScript, CSS e HTML
  • Reduzindo redirecionamentos
  • Removendo JavaScript de bloqueio de renderização
  • Aproveitando o cache do navegador
  • Melhorando o tempo de resposta do servidor
  • Usando uma rede de distribuição de conteúdo (CDN)
  • Otimizando imagens e vídeo

A ideia aqui é priorizar os itens que dão ao seu site a melhor chance de aumentar a velocidade da página ou os maiores “ganhos” gerais.

Se você vir a recomendação “adiar imagens fora da tela”, é aí que o carregamento lento de imagens entra em ação.

Carregamento lento de imagens fora da tela

A recomendação de “adiar imagens fora da tela” é um sinal infalível de que você precisa de um carregamento lento.

Você também pode usar o novo relatório Core Web Vitals no Search Console para obter uma visão geral de quais páginas em seu site têm problemas de LCP.

Lazy Loading Web Vitals

O Google define um LCP “bom” como quatro segundos ou menos:

algoritmo de experiência da página do google atualização do núcleo da web vitals pobres

Novamente, só porque o LCP de uma determinada página é maior que 4 segundos, não significa necessariamente que você precisa implementar o carregamento lento. Mas este relatório pode indicar os locais do seu site em que o desempenho é realmente lento; a partir daí, usando algumas das ferramentas de velocidade que acabamos de discutir, você pode executar diagnósticos em páginas individuais e ver se “adiar imagens fora da tela” significa a necessidade de carregamento lento.

Como implementar o carregamento lento

Se você está tentando implementar o carregamento lento sozinho, aqui está nossa primeira dica: não faça isso!

A exceção aqui é se você for um desenvolvedor experiente. Ou, se você for um desenvolvedor amador com habilidade para implementar o carregamento lento em um site de teste e dividir teste suas novas pontuações de velocidade em relação ao seu site ao vivo. Nesses casos, você pode e deve se sentir autorizado a fazer o carregamento preguiçoso em suas próprias mãos.

Para usuários do WordPress, há uma série de plug-ins úteis que ajudam na implementação do carregamento lento, sendo o mais proeminente deles Carga preguiçosa e Smush. Smush, especificamente, é uma solução de otimização de imagem tudo-em-um que oferece compressão de imagem, carregamento lento e conversão de imagem de próxima geração, todos cruciais para imagem SEO.

Lazy Loading Smush

Smush para otimização de imagem WordPress e carregamento lento.

Dependendo do seu sistema de gerenciamento de conteúdo (CMS), no entanto – seja WordPress, Shopify, Bigcommerce, Webflow – o carregamento lento pode não ser tão simples quanto implementar um plugin. Shopify, por exemplo, recomenda seu próprio implementação de carregamento lento; enquanto o Bigcommerce tem seus próprios plug-ins de terceiros que suportam carregamento lento em temas comuns como Stencil e Blueprint.

Se tudo isso parece passar por cima da sua cabeça, vamos voltar ao nosso sentimento original: a menos que você esteja confiante em suas habilidades de desenvolvimento, não perca tempo e recursos tentando implementar o carregamento lento sozinho. Em vez disso, contrate um desenvolvedor profissional –como os do LOCALiQ– que pode carregar imagens em seu site com segurança e confiança (e ajudá-lo com outras otimizações de velocidade do site enquanto estão fazendo isso).

Se isso significar dar ao seu site ou página da Web dois segundos extras de economia e se você estiver totalmente confiante em fazer isso sozinho, conceda o carregamento lento dos recursos que ele merece, mas terceirize a tarefa para um desenvolvedor profissional.

Provavelmente, ele vai mais do que se pagar com o aumento das taxas de conversão e receita no futuro.

Quão crítico é o carregamento lento para seu site?

Aqui está a lição: não sinta que precisa gastar o seu tempo ou o do seu desenvolvedor implementando o carregamento lento se for não é um item de ação potencialmente de alto rendimento encontrado em seus relatórios PageSpeed ​​Insights e GTMetrix. Há uma lista de outras melhorias na velocidade do site que você pode e deve priorizar se representarem a maior quantidade de economia de tempo de carregamento (repetido novamente: compactação Gzip, minimização de JavaScript, CSS e HTML, remoção de JavaScript de bloqueio de renderização, uso de cache do navegador, melhorando o tempo de resposta do servidor e muito mais).

E se, por outro lado, você tem um site visual com muitas imagens e, se encontrar muitas páginas LCP lentas em seu relatório Core Web Vitals no Search Console, reserve um tempo para executar diagnósticos com uma ferramenta de desempenho de velocidade do site. O carregamento lento pode significativamente melhore o tempo de carregamento de sites e páginas com elementos maiores abaixo da dobra. Para sites como esses, implementar o carregamento lento é uma tarefa fácil.

E lembre-se, não durma contratação de um profissional de desenvolvimento e design que pode implementar com segurança o carregamento lento sem bagunçar seu ambiente existente (e ao mesmo tempo ajudá-lo com outras melhorias na velocidade do site ao longo do caminho).

Esse artigo foi agregado do link: https://www.wordstream.com/blog/ws/2020/12/08/lazy-loading-seo

Artigos Recentes

Previsão de Dennis Yu para 2021: o futuro do Facebook

Eu tenho uma previsão. Em 2021, o Facebook será quebrado como Ma Bell (com Instagram e WhatsApp separados por conta própria). O êxodo resultante...

Como criar um calendário de conteúdo para o seu blog

Esta postagem é baseada em episódio 76 do podcast ProBlogger. Você acredita que já estamos na metade de janeiro? Talvez seja porque estávamos ansiosos...

120 das melhores palavras e frases para marketing: seu guia básico

Cada proprietário de empresa está em busca dessas campanhas balas de prata que transformarão o seu tráfego orgânico do site, páginas do site, boletins...

Seja um mau escritor para ser um grande escritor

Uma vez que o ano novo está em pleno andamento, normalmente levo algum tempo para reavaliar meus hábitos e objetivos. O que devo parar de...

Como rastrear a jornada do usuário em formulários de leads do WordPress

Você deseja rastrear a jornada do usuário nos formulários de lead do WordPress? O rastreamento da jornada do usuário permite que você veja exatamente...

Artigos Relacionados

Leave A Reply

Please enter your comment!
Please enter your name here

Fique atualizado com nossos artigos - receba gratuitamente