Como e Por Que Usar Lazy Load no WordPress #115

0
235
Imagem Destacada do Post #115

Você está interessado em aprender como implementar o Lazy Load, ou carregamento lento de imagens, no WordPress?

O carregamento lento permite que seu site carregue imagens apenas quando um usuário rola para baixo até uma imagem específica, o que reduz o tempo de carregamento do site e melhora o desempenho do site.

A maioria dos sites populares com imagens pesadas usam o carregamento lento para aumentar a velocidade e o desempenho do site.

Neste artigo, mostraremos como fazer o carregamento lento e fácil de imagens no WordPress, passo a passo.

Por Que Usar o Lazy Load no WordPress?

O Lazy Load, ou carregamento lento de suas imagens WordPress, pode acelerar o seu site e oferecer uma melhor experiência do usuário.

Ninguém gosta de sites lentos. Na verdade, um estudo de desempenho descobriu que um único segundo de atraso no tempo de carregamento da página leva a 7% menos conversões, 11% menos visualizações de página e 16% de redução na satisfação do cliente.

Você quer aprender como fazer o carregamento lento de imagens no WordPress? O carregamento lento permite que seu site carregue imagens apenas quando um usuário rola para baixo até uma imagem específica, o que reduz o tempo de carregamento do site e melhora o desempenho do site. A maioria dos sites populares com imagens pesadas usam o carregamento lento para aumentar a velocidade e o desempenho do site . Neste artigo, mostraremos como fazer o carregamento lento e fácil de imagens no WordPress, passo a passo. Por que carregar imagens com lentidão no WordPress? O carregamento lento de suas imagens WordPress pode acelerar o seu site e oferecer uma melhor experiência do usuário. Ninguém gosta de sites lentos. Na verdade, um estudo de desempenho descobriu que um único segundo de atraso no tempo de carregamento da página leva a 7% menos conversões, 11% menos visualizações de página e 16% de redução na satisfação do cliente. Motores de busca como o Google também não gostam de sites de carregamento lento. É por isso que os sites mais rápidos têm uma classificação mais elevada nos resultados da pesquisa. As imagens demoram mais para carregar no seu site em comparação com outros elementos da web. Se você adicionar muitas imagens aos seus artigos, cada imagem aumentará o tempo de carregamento da página. Uma maneira de lidar com essa situação é usar um serviço CDN , como o BunnyCDN . Um CDN permitirá que um usuário baixe imagens de um servidor da web mais próximo a ele e reduz a velocidade de carregamento do site. No entanto, suas imagens ainda serão carregadas e afetarão o tempo geral de carregamento da página. Para superar esse problema, você pode atrasar o carregamento da imagem implementando o carregamento lento em seu site. Como funciona o carregamento lento de imagens? Em vez de carregar todas as suas imagens de uma vez, o carregamento lento baixa apenas as imagens visíveis na tela do usuário. Ele substitui todas as outras imagens por uma imagem de espaço reservado ou espaço em branco. Conforme um usuário rola para baixo, seu site carrega imagens que são visíveis na área de visualização do navegador. O carregamento lento pode ser muito benéfico para o seu blog WordPress .  Reduz o tempo de carregamento inicial da página da web, para que os usuários vejam seu site mais rápido  Ele conserva a largura de banda, entregando apenas imagens que são visualizadas e pode economizar nos custos de hospedagem O lançamento do WordPress 5.5 adicionou o carregamento lento como recurso padrão. No entanto, se você deseja personalizar como suas imagens carregam lentamente e carregam lentamente as imagens de fundo, você precisará usar um plugin do WordPress. Observação: embora o carregamento lento ajude a melhorar a velocidade de carregamento do site, você deve sempre otimizar as imagens para a web antes de enviar para o WordPress para obter o desempenho máximo. Para obter mais detalhes, consulte nosso guia sobre como otimizar imagens para desempenho na web sem perder qualidade . Vamos compartilhar dois plug-ins diferentes do WordPress que podem ajudá-lo a configurar facilmente o carregamento lento para imagens do WordPress. Você pode usar os links rápidos abaixo para ir direto para o método que deseja usar.  Imagens de WordPress de carregamento lento com WP Rocket  Imagens de WordPress de carregamento lento com Optimole Método 1. Imagens de carregamento lento em WordPress com WP Rocket Recomendamos o uso do plugin WP Rocket para carregar imagens lentamente no WordPress. É o melhor plugin de cache para WordPress do mercado e permite que você ative facilmente o carregamento lento de imagens. Além disso, é um plugin muito poderoso que ajuda a otimizar a velocidade do seu site sem conhecer termos técnicos complexos. Assim que saem da caixa, todas as configurações de cache padrão recomendadas irão acelerar bastante o seu site WordPress . Para habilitar o carregamento lento da imagem, tudo o que você precisa fazer é marcar algumas caixas. Você pode até habilitar o carregamento lento para vídeos, o que aumentará ainda mais a velocidade do seu site. Para obter mais detalhes, consulte nosso guia sobre como instalar e configurar corretamente o WP Rocket no WordPress . Observação: se você estiver usando o Siteground como seu provedor de hospedagem WordPress , poderá usar o plug-in SiteGround Optimizer gratuito que possui recursos de carregamento lento semelhantes. Método 2. Imagens de carregamento lento no WordPress com Optimole Este método usa o plugin Optimole gratuito . É um dos melhores plug - ins de compressão de imagens do WordPress e permite que você habilite facilmente o carregamento lento de imagens. Se você receber mais de 5.000 visitantes por mês, precisará da versão premium . Primeiro, você precisa instalar e ativar o plugin. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress . Após a ativação, vá para Media »Optimole e, em seguida, você precisa se inscrever para uma chave de API. Basta clicar em 'Register & Email API key' e ela será enviada para você por e-mail. Em seguida, insira sua chave de API e clique em 'Conectar ao Serviço Optimole'. Depois disso, clique na guia 'Configurações'. Aqui você pode certificar-se de que a configuração 'Dimensionar imagens e carregamento lento' está habilitada. Isso irá gerar imagens com base no tamanho da tela do seu visitante e melhorar as velocidades de carregamento. Em seguida, clique na opção de menu 'Avançado' e selecione 'Lazyload'. Nesta tela, existem algumas configurações diferentes que permitem que você personalize como suas imagens serão carregadas lentamente. Primeiro, você pode ajustar a configuração 'Excluir o primeiro número de imagens do lazyload'. Isso impedirá que as imagens no topo de suas postagens ou páginas carreguem lentamente, de modo que as imagens acima da dobra sempre aparecerão. Você pode definir isso como 0 se quiser que todas as imagens sejam carregadas lentamente. Em seguida, você pode habilitar o controle deslizante 'Dimensionar imagens'. Isso dimensionará as imagens para o tamanho da tela do visitante e fará com que a página carregue mais rápido. Depois disso, você pode ativar a configuração 'Ativar lazyload para imagens de fundo'. Isso irá carregar lentamente suas imagens de fundo , que podem ser algumas das maiores imagens em seu site. Outra configuração que você pode ativar é o carregamento lento de vídeos e iframes incorporados . Se você tiver muito conteúdo de vídeo incorporado, convém ativar essa configuração. Isso carregará uma imagem de espaço reservado no lugar do vídeo. Quando for clicado, o vídeo completo será carregado. Você pode continuar a personalizar essas configurações e ver o que funciona melhor para o seu site e suas imagens. Antes de sair das configurações do plugin, certifique-se de clicar no botão 'Salvar alterações'. Esperamos que este artigo tenha ajudado você a aprender como fazer o carregamento lento de imagens no WordPress. Você também pode querer ver nosso guia para iniciantes em SEO de imagens para otimizar imagens para os motores de busca e nossas escolhas de especialistas dos melhores serviços de marketing por e-mail para pequenas empresas.

Sites de carregamento lento podem afetar negativamente a classificação nos resultados de busca e a experiência do usuário. As imagens, em particular, podem contribuir para o tempo de carregamento da página.

Uma solução eficaz é utilizar um serviço CDN, como o BunnyCDN, que permite o download de imagens de servidores mais próximos aos usuários, melhorando a velocidade de carregamento do site.

Além disso, implementar o carregamento lento das imagens pode ajudar a otimizar ainda mais o tempo de carregamento da página. Ao atrasar o carregamento das imagens, você pode melhorar a velocidade geral do site, permitindo que outros elementos sejam carregados primeiro.

Ao adotar essas medidas, você estará proporcionando uma experiência de usuário mais rápida e agradável, além de aumentar suas chances de obter uma classificação mais alta nos resultados de busca.

Considere implementar um serviço CDN e o carregamento lento de imagens em seu site para melhorar seu desempenho e atrair mais visitantes.

Como Funciona o Lazy Load no WordPress?

Em vez de carregar todas as imagens de uma vez, o carregamento lento permite que apenas as imagens visíveis sejam baixadas inicialmente. As demais imagens são substituídas por espaços reservados ou espaços em branco.

Conforme o usuário rola a página, o site carrega apenas as imagens que estão visíveis na área de visualização do navegador.

O carregamento lento traz diversos benefícios para o seu blog WordPress:

    1. Reduz o tempo de carregamento inicial, proporcionando uma visualização mais rápida aos usuários.
    2. Economiza largura de banda, já que apenas as imagens visíveis são entregues.
    3. Pode ajudar a reduzir os custos de hospedagem.

O WordPress 5.5 introduziu o carregamento lento como recurso padrão.

No entanto, se você deseja personalizar o carregamento lento e incluir imagens de fundo, será necessário usar um plugin do WordPress.

É importante ressaltar que, mesmo com o carregamento lento, é recomendado otimizar as imagens para a web antes de fazer o upload no WordPress, a fim de obter um desempenho máximo.

A seguir, compartilharemos um plugins do WordPress que facilita a configuração do carregamento lento para imagens.

Lazy Load de Imagens no WordPress com Optimole

Este método usa o plugin Image Optimization by Optimole. É um dos melhores Plugins de compressão de imagens do WordPress e permite que você habilite facilmente o carregamento lento de imagens.

Se você receber mais de 5.000 visitantes por mês, precisará da versão premium.

Primeiro, você precisa instalar e ativar o plugin.

Após a ativação, vá para Media » Optimole, em seguida, você precisa se inscrever para uma chave de API.

https://www.wpbeginner.com/plugins/how-to-do-lazy-load-images-in-wordpress

Basta clicar em ‘Register & Email API key’ e ela será enviada para você por e-mail.

Em seguida, insira sua chave de API e clique em ‘Conectar ao Serviço Optimole’.

https://www.wpbeginner.com/plugins/how-to-do-lazy-load-images-in-wordpress

Depois disso, clique na guia ‘Configurações’.

Aqui você pode certificar-se de que a configuração ‘Dimensionar imagens e carregamento lento’ está habilitada. Isso irá gerar imagens com base no tamanho da tela do seu visitante e melhorar as velocidades de carregamento.

https://www.wpbeginner.com/plugins/how-to-do-lazy-load-images-in-wordpress

Em seguida, clique na opção de menu ‘Avançado’ e selecione ‘Lazyload’.

Nesta tela, existem algumas configurações diferentes que permitem que você personalize como suas imagens serão carregadas lentamente.

Primeiro, você pode ajustar a configuração ‘Excluir o primeiro número de imagens do lazyload’. Isso impedirá que as imagens no topo de suas postagens ou páginas carreguem lentamente, de modo que as imagens acima da dobra sempre aparecerão.

Você pode definir isso como 0 se quiser que todas as imagens sejam carregadas lentamente.

Em seguida, você pode habilitar o controle deslizante ‘Dimensionar imagens’.

https://www.wpbeginner.com/plugins/how-to-do-lazy-load-images-in-wordpress

Isso dimensionará as imagens para o tamanho da tela do visitante e fará com que a página carregue mais rápido.

Depois disso, você pode ativar a configuração ‘Ativar lazyload para imagens de fundo’.

https://www.wpbeginner.com/plugins/how-to-do-lazy-load-images-in-wordpress

Isso irá carregar lentamente suas imagens de fundo, que podem ser algumas das maiores imagens em seu site.

Outra configuração que você pode ativar é o carregamento lento de videos e iframes incorporados . Se você tiver muito conteúdo de vídeo incorporado, convém ativar essa configuração.

Isso carregará uma imagem de espaço reservado no lugar do vídeo. Quando for clicado, o vídeo completo será carregado.

Você pode continuar a personalizar essas configurações e ver o que funciona melhor para o seu site e suas imagens.

Antes de sair das configurações do plugin, certifique-se de clicar no botão ‘Salvar alterações’.

Esperamos que este artigo tenha ajudado você a aprender como fazer o carregamento lento de imagens no WordPress.