VocĆŖ quer aprender como usar o carregamento lento para carregar imagens no WordPress?

Lazy Load Ʃ uma tƩcnica que permite ao seu site carregar apenas imagens quando um usuƔrio rola para baixo para uma imagem especƭfica, o que reduz o tempo de carregamento do site e melhora o desempenho do site.

Os sites mais populares que estĆ£o cheios de imagens usam o Lazy Load para aumentar a velocidade e o desempenho do site.

Neste artigo, mostraremos como carregar imagens no WordPress usando Lazy Load.

Por que carregar imagens com lentidĆ£o no WordPress?

O carregamento lento de suas imagens no WordPress pode acelerar o seu site e fornecer um melhor experiĆŖncia do usuĆ”rio.

NinguĆ©m gosta de sites lentos. Na verdade, um estudo de desempenho descobriu que um Ćŗnico atraso de um segundo no tempo de carregamento da pĆ”gina resulta em 7% menos conversƵes, 11% menos visualizaƧƵes de pĆ”gina e 16% menos satisfaĆ§Ć£o do cliente.

use o carregamento lento para carregar imagens

Motores de busca como o Google tambĆ©m nĆ£o gostam de sites de carregamento lento. Ɖ por isso que sites mais rĆ”pidos tĆŖm uma classificaĆ§Ć£o mais elevada nos resultados de pesquisa.

As imagens demoram mais para carregar no seu site em comparaĆ§Ć£o com outros elementos da web. Se vocĆŖ adicionar muitas imagens Ć s suas postagens, cada imagem aumentarĆ” o tempo de carregamento da pĆ”gina.

Uma maneira de lidar com essa situaĆ§Ć£o Ć© usar um ServiƧo CDN. 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 resolver esse problema, vocĆŖ pode atrasar o carregamento de imagens implementando o carregamento lento ou 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 apenas baixa as imagens visƭveis na tela do usuƔrio. Ele substitui todas as outras imagens por uma imagem de espaƧo reservado ou um espaƧo vazio.

Quando um usuĆ”rio rola para baixo, seu site carrega imagens que sĆ£o visĆ­veis na Ć”rea de exibiĆ§Ć£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 economiza largura de banda, fornecendo apenas imagens no momento da visualizaĆ§Ć£o e pode economizar em custos de hospedagem

O lanƧamento do WordPress 5.5 adicionou o carregamento lento como recurso padrĆ£o.

No entanto, se vocĆŖ quiser personalizar como suas imagens sĆ£o carregadas lentamente e como as imagens de fundo sĆ£o carregadas lentamente, vocĆŖ precisarĆ” usar um WordPress Plugin.

ObservaĆ§Ć£o: Embora o carregamento lento ou o carregamento lento ajude a melhorar a velocidade de carregamento do site, vocĆŖ deve sempre otimizar as imagens para a web antes de enviĆ”-las para o WordPress para obter o desempenho mĆ”ximo.

Vamos compartilhar dois WordPress plugins diferentes que podem ajudĆ”-lo a configurar o carregamento lento em imagens do WordPress facilmente.

MĆ©todo 1. Imagens de carregamento lento no WordPress com WP Rocket

Recomendamos que vocĆŖ use o plugin WP Rocket para carregar imagens preguiƧosamente no WordPress. Ɖ o melhor plugin de cache para WordPress do mercado e permite que vocĆŖ habilite facilmente o carregamento lento de imagens.

Fora isso, Ʃ um plugin muito poderoso que ajuda a otimizar a velocidade do seu site sem conhecer os termos tƩcnicos complexos.

ApĆ³s a instalaĆ§Ć£o e ativaĆ§Ć£o, todas as configuraƧƵes de cache padrĆ£o recomendadas irĆ£o acelerar drasticamente o seu site WordPress.

Para habilitar o carregamento lento da imagem, vocĆŖ sĆ³ precisa marcar algumas caixas. VocĆŖ pode atĆ© habilitar o carregamento lento para vĆ­deos, o que aumentarĆ” ainda mais a velocidade do seu site.

use o carregamento lento para carregar imagens

MĆ©todo 2. Imagens de carregamento lento no WordPress com Optimole

Este mĆ©todo usa o plugin grĆ”tis Optimole. Ć‰ um dos melhores plug-ins de compressĆ£o de imagens do WordPress e permite que vocĆŖ habilite o carregamento lento de imagens facilmente.

Se vocĆŖ receber mais de 5 visitantes por mĆŖs, precisarĆ” do versĆ£o premium.

Ao ativar, vĆ” para MĆ­dia Ā»Optimole, em seguida, inscreva-se para obter uma chave de API.

Basta clicar no botĆ£o Registro e chave de API de e-mailE serĆ” enviado por e-mail para vocĆŖ.

Em seguida, insira sua chave API e clique em " Conecte-se ao serviƧo OptiMole ".

Depois disso, clique na guia " DefiniƧƵes ".

Aqui vocĆŖ pode ter certeza de que o " Dimensionar imagens e carregamento lento"estĆ” ativado. 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 vĆ”rias configuraƧƵes que permitem que vocĆŖ personalize como suas imagens serĆ£o carregadas lentamente.

Em primeiro lugar, vocĆŖ pode ajustar o " Exclua primeiro de imagens de lazyload " Isso impedirĆ” as primeiras imagens de seu artigos ou pĆ”ginas para usar o carregamento lento.

VocĆŖ pode definir esta opĆ§Ć£o como 0 se quiser que cada imagem carregue lentamente.

EntĆ£o vocĆŖ pode ativar a opĆ§Ć£o " Imagens em escala ".

Isso adaptarƔ as imagens ao 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 preguiƧosamente suas imagens de fundo, que podem ser algumas das imagens maiores 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, deverĆ” habilitar esta configuraĆ§Ć£o.

Isso carregarĆ” uma imagem de espaƧo reservado em vez do vĆ­deo. Quando vocĆŖ clica nele, o vĆ­deo completo Ć© carregado.

VocĆŖ pode continuar a personalizar essas configuraƧƵes e ver o que funciona melhor para seu site e imagens.

Antes de sair das configuraƧƵes do plugin, certifique-se de clicar no botĆ£o " Salvar alteraƧƵes ".

Descubra tambĆ©m alguns plugins premium do WordPress  

VocĆŖ pode usar outro WordPress plugins para dar uma aparĆŖncia moderna e otimizar o manuseio do seu blog ou site.

Oferecemos a vocĆŖ aqui alguns plugins premium do WordPress que ajudarĆ£o vocĆŖ a fazer isso.

1. ARMember

ARM Ć© um WordPress Plugin proteĆ§Ć£o de conteĆŗdo. Ɖ uma soluĆ§Ć£o exclusiva que permite vender assinaturas em qualquer site. Possui toda uma gama de ferramentas que podem proteger total ou parcialmente seu conteĆŗdo.

Plugin de associaĆ§Ć£o ARMember WordPress

Outra de suas caracterĆ­sticas Ć© o fato de oferecer uma opĆ§Ć£o gratuita um pouco limitada em termos de funcionalidade. Falando em recursos, este poderoso WordPress Plugin oferece, entre outras coisas:

A capacidade de agendar conteĆŗdo, suporte para vĆ”rios planos de assinatura, configuraĆ§Ć£o fĆ”cil, migraĆ§Ć£o entre planos de assinatura, Suporte WooCommerce, vĆ”rios modelos de formulĆ”rios e muito mais.

Ɖ tambĆ©m uma referĆŖncia neste nicho.

Descarregar | Demo | hospedagem na web 

2. ExibiĆ§Ć£o de impostos por paĆ­s para o WooCommerce

ExibiĆ§Ć£o de impostos por paĆ­s para WooCommerce Ć© um plugin que permite exibir os preƧos dos produtos com ou sem impostos, dependendo do paĆ­s do visitante. Ele tambĆ©m permite que vocĆŖ prĆ©-selecione o paĆ­s de cobranƧa do visitante. ExibiĆ§Ć£o imposto por PaĆ­s para WooCommerce

Lembre-se de que Ć s vezes os clientes podem ficar confusos por causa das diferentes moedas e quando isso inclui os impostos Ć© ainda mais complicado. A exibiĆ§Ć£o de impostos por paĆ­s, portanto, permite remover esses obstĆ”culos e simplificar o processo de compra.

Descarregar | Demohospedagem na web

3. Slick Popup Pro

Slick Popup Pro Ć© um ExtensĆ£o WordPress bastante simples e leve que converte qualquer formulĆ”rio criado pelo plugin FormulĆ”rio de Contato 7 em um pop-up. Ela usa o formulĆ”rio e o converte em um popup bonito e perfeitamente responsivo.Plugin WordPress Popup Slick Popup Pro

O formulĆ”rio pop-up pode ter vĆ”rios usos, incluindo: um formulĆ”rio de coleta de informaƧƵes, um formulĆ”rio de contato, um formulĆ”rio de inscriĆ§Ć£o, um formulĆ”rio de orƧamento, um formulĆ”rio de sugestĆ£o / reclamaĆ§Ć£o e outros.

Descarregar | Demo | hospedagem na web

Outros recursos recomendados

TambĆ©m convidamos vocĆŖ a consultar os recursos abaixo para aprofundar o controle e controle do seu site e blog.

ConclusĆ£o

Voila! Ɖ isso neste tutorial. Esperamos que este artigo tenha ajudado vocĆŖ a aprender como carregar imagens lentamente no WordPress. NĆ£o hesite em compartilhe com seus amigos em suas redes sociais favoritas

No entanto, vocĆŖ tambĆ©m poderĆ” consultar nossos Ressources, se vocĆŖ precisar de mais elementos para realizar seus projetos de criaĆ§Ć£o de sites da Internet, consultando nosso guia no site CriaĆ§Ć£o de blog WordPress.

Mas, enquanto isso, conte-nos sobre seu ComentĆ”rios e sugestƵes na seĆ§Ć£o dedicada.

...