Como carregar fotos lentamente (Lazy Load) no WordPress

Como carregar fotos lentamente (Lazy Load) no WordPress.  O Lazy Loading permite que o seu site carregue apenas imagens quando um usuário se desloca para a imagem específica. Você pode vê-lo em ação em muitos sites populares como o Buzzfeed. Neste artigo, vamos mostrar como colocar esse recurso extremamente necessário em seu site ou blog.

 

 

Por que o Lazy Load (ou carregamento lento) é importante?

 

 

Ninguém gosta de sites lentos. Um estudo realizado por Strangeloop descobriu que um atraso de 1 segundo no tempo de carregamento da página pode levar a uma perda de 7% nas conversões, 11% menos visualizações de página e uma queda de 16% na satisfação do cliente.

 

 

 

As imagens levam mais tempo para carregar em seu site em comparação com qualquer outro arquivo. Se você adicionar muitas imagens aos seus artigos, cada imagem aumentará o tempo de carregamento da sua página.

 

Uma maneira de lidar com essa situação é otimizar imagens, como já mostrei aqui, e usar um serviço CDN.

 

No entanto, suas imagens ainda serão carregadas e isso afetará o tempo total de carregamento da página. Para superar esse problema, você pode atrasar o carregamento das imagens, usando um negócio chamando em inglês Lazy Load que significa carregamento lento , ou seja, em vez de carregar todas as suas imagens de uma só vez, o carregamento lento carrega apenas as imagens que serão visíveis na tela dos usuários.

 

 

À medida que um usuário desliza para baixo, seu site carrega imagens que agora estão visíveis na área de visualização do navegador. Veja a pratica como funciona.

 

Você deve estar se perguntando: como coloco isso no meu site ou blog? A maioria dos templates profissionais já vem com essa funcionalidade. Veja aqui. Mas se você não tem como investir num tema profissional para seu site ou blog, existem plugins, tais como, BJ Lazy Load , que fazem essa função. Instale o plugin como qualquer outro plugin e depois de instala, ative e vá para a página Configurações» BJ Lazy Load. O resto é bem simples, você precisa apenas marcar os quadrinhos das opções. Veja a imagem!

Você pode aplicar o carregamento lento para conteúdo, widgets de texto, miniaturas de post, gravatas, imagens e iframes ( content, text widgets, post thumbnails, gravatars, images, iframes) . Você também pode carregar uma imagem personalizada para ser usada como uma imagem de espaço reservado.

 

 

 

 

Este plugin também possui uma opção para mostrar uma versão de baixa resolução. Para usar este recurso, você precisará regenerar tamanhos de imagem, para que ele possa gerar uma versão de baixa resolução para todos os seus uploads anteriores.

 

 

 

Não esqueça de clicar no botão (save) para salvar suas configurações. Esse plugin é ótimo, mas se você quiser um plugin que faz isso e oferece outras opções fundamentais para a velocidade de carregamento do seu site ou blog, recomendo você usar esse aqui.

Adicione Comentário