3 minutos de leitura (636 palavras)

Carregamento de imagem - Lazy Loading progressivo no WordPress

A mídia transforma um blog WordPress estéril em um site vivo e agitado, mas a dura verdade é que arquivos e SEO não combinam bem. Simplesmente não há muito a dizer o contrário - tempos de carregamento mais lentos levam a pontuações de SEO mais baixas. No entanto, nem toda esperança está perdida. Alguns meses atrás, falamos sobre como o WP Speed of Light atenua os problemas com o lazy loading . Agora, estamos dando um passo adiante.

 

Como lembrete, lazy loading não carrega todas as imagens em uma postagem ou página do WordPress assim que o usuário acessa a página. Em vez disso, WP Speed of Light espera até que as imagens apareçam para baixá-las. Dessa forma, a página carrega muito mais rápido inicialmente, ajudando o SEO e ao mesmo tempo tornando a experiência mais agradável para os leitores em velocidades mais lentas de internet.

 

Na versão 2.5 do plugin do WordPress, o recurso de lazy loading foi aprimorado para ser um pouco mais reativo aos dispositivos do seu público e seus limites. A mais recente iteração de lazy loading do WP Speed of Light é mais responsiva, especialmente para usuários em celulares de baixo custo ou velocidade lenta de Internet.

Em vez de não ver imagens e depois carregá-las abruptamente, seus usuários do WordPress verão inicialmente uma versão borrada de baixa resolução do arquivo de mídia. Quando termina o download, a imagem fica em foco. Dessa maneira, os leitores saberão que existe uma imagem e poderão esperar que ela carregue ou continuar lendo e voltar mais tarde.

 

Imagens desmistificadas

Qual é a melhor coisa sobre a atualização mais recente do WP Speed of Light ? Se você tem o complemento pro para o plugin WordPress, você mal precisa mover um dedo. Para configurar o lazy loading , vá para o menu de otimização de velocidade do WP Speed of Light . A partir daí, habilite lazy loading imagem na guia aceleração

Se você quiser maior controle, verifique nosso post anterior , mas isso deve bastar para testar o recurso mais recente do lazy loading . Na verdade, é praticamente isso. Com o lazy loading imagem ativado, os arquivos de mídia serão carregados apenas se e quando necessário com o novo recurso de desfoque para inicializar.

 

 

Conforme mostrado acima, suas imagens exibirão inicialmente uma imagem de espaço reservado de baixa resolução em redes lentas, desfocada para ser mais esteticamente agradável. O WordPress carrega - ou melhor, carrega lentamente - a imagem de resolução total em segundo plano sem interromper o leitor. Quando a imagem termina o lazy loading , a imagem do espaço reservado dá lugar à imagem completa.

 

Lazy Loading progressivo e SEO no WordPress

A questão de um milhão de dólares, porém, é como esse novo lazy loading imagem afeta o SEO. Afinal, o espaço reservado para imagem desfocada não aumentaria o tempo de carregamento? Na verdade, sim. Na prática, de forma alguma. O espaço reservado do WP Speed of Light é uma imagem minúscula de 20 pixels que leva um tempo insignificante para carregar, sem adicionar sobrecarga aos tempos de carregamento de SEO. Ao mesmo tempo, o desfoque oculta os artefatos pixelados da imagem de baixa qualidade.

E como na versão anterior do lazy loading todos os elementos HTML de SEO de imagem são carregados na primeira foto (não carregados lentamente). Portanto, os bots do Google e outros podem ler o nome do arquivo de imagem, título, tag alt.

 

 

O SEO é importante, mas deve ser secundário em relação à experiência do usuário. A última atualização do WP Speed of Light leva este princípio a sério, mas combina a funcionalidade que beneficia o SEO com a estética que faz com que os leitores voltem sempre - tudo sem nenhum custo extra para o SEO. Verifique a renderização de um lazy loading progressivo aqui:

 

 

Se você deseja implantar o lazy loading progressivo em seu site WordPress, basta seguir este link: https://www.joomunited.com/wp-speed-of-light

WP Speed of Light é eficaz em todos os serviços de hospedagem na Internet, por exemplo, Cloudways é um exemplo perfeito de serviço popular .

×
Mantenha-se informado

Quando você se inscrever no blog, enviaremos um e-mail quando houver novas atualizações no site para que você não as perca.

Posts Relacionados