Desempenho & CDN 0 visualizações

Como habilitar o lazy loading de imagens para acelerar o carregamento do site

Ver no WHMCS

Como Habilitar o Lazy Loading de Imagens para Acelerar o Carregamento do Site

Olá, querido(a) cliente! Seja muito bem-vindo(a) ao seu Sensei da GeHost — aqui, seu site vai além de "funcionar": ele vai brilhar!

Se você já percebeu que o seu site demora um pouco para carregar, especialmente quando há muitas imagens, temos uma solução simples, poderosa e super eficaz: o lazy loading de imagens.

Dica do Sensei: Imagine um ônibus cheio de passageiros. Se todos entrarem de uma vez, o ônibus demora a sair. Mas se os passageiros entrarem um por um, o ônibus sai mais rápido. É assim que o lazy loading funciona: ele carrega as imagens só quando o visitante está prestes a vê-las!

O que é lazy loading?

É uma técnica que faz com que as imagens do seu site sejam carregadas apenas quando aparecem na tela do usuário — ou quando ele rola até elas. Isso reduz o tempo inicial de carregamento, economiza tráfego e melhora a experiência do visitante.

É como se o seu site dissesse: "Vamos começar com o essencial, e só depois trazemos o resto!"

Como habilitar o lazy loading no seu site (passo a passo)

Na GeHost, o lazy loading pode ser ativado de forma simples e direta — sem precisar de código complexo, sem instalar plugins (a menos que você use um CMS como WordPress, mas vamos focar no básico).

Seu site está hospedado com a GeHost? Ótimo! Vamos lá:

  1. Entre no painel do cliente em painel.gehost.com.br.
  2. Na lista de seus sites, clique em “Gerenciar” ao lado do domínio que deseja otimizar.
  3. Na nova tela, clique em cPanel para acessar o painel de controle do seu site.
  4. Na página do cPanel, localize o grupo de ferramentas chamado “Arquivos” e clique em “Gerenciador de Arquivos”.
  5. Na lista de pastas, clique em public_html (essa é a pasta principal do seu site).
  6. Procure o arquivo principal do seu site, geralmente chamado index.html ou index.php. Clique nele para editá-lo.
  7. Localize as tags de imagem no código. Elas começam com <img e terminam com />.
  8. Adicione o atributo loading="lazy" dentro da tag de imagem. Exemplo:
<img src="foto.jpg" alt="Minha foto" loading="lazy" />

Pronto! Você acabou de habilitar o lazy loading para essa imagem.

Dica do Sensei: Você pode fazer isso com todas as imagens do seu site. É um pequeno ajuste que faz uma grande diferença.

Se você usa WordPress ou outro sistema

Se seu site foi feito com WordPress, Wix, ou outro sistema de gerenciamento, o lazy loading pode já estar ativado por padrão — mas é bom verificar!

Se não estiver, você pode usar um plugin de otimização (como Smush, ShortPixel ou WP Rocket) que ativa o lazy loading automaticamente. Basta instalar e configurar — o resto é automático!

  1. Entre no painel do WordPress (geralmente em seudominio.com.br/wp-admin).
  2. Vá até PluginsInstalar Plugins.
  3. Busque por um plugin de otimização de imagens.
  4. Instale e ative o plugin.
  5. Verifique se a opção de lazy loading está habilitada nas configurações.

Pronto! O sistema cuida do resto.

Como saber se está funcionando?

Use o navegador Chrome, abra a página do seu site e clique com o botão direito → “Inspeção” (ou pressione F12).

Na aba “Network”, recarregue a página. Observe que as imagens só aparecem no carregamento quando você rola até elas.

Se isso acontecer, parabéns! Você acaba de acelerar seu site com o lazy loading — e o seu visitante vai agradecer!

Importante: O que não fazer

  • Não altere arquivos que não entende — isso pode quebrar seu site.
  • Não instale plugins ou scripts de fontes desconhecidas.
  • Não tente usar código de terceiros sem entender o que faz.

Na GeHost, tudo foi feito para você ter controle, segurança e simplicidade. Use as ferramentas corretas, no momento certo.

Quer ajuda extra?

Se tiver dúvidas, não hesite! O suporte da GeHost está aqui para você — e é grátis nos primeiros 30 dias após a entrega.

Se precisar, entre em contato pelo painel, pelo e-mail ou pelo WhatsApp do suporte. Estamos sempre prontos para ajudar.

Com carinho,
Sensei da GeHost
*Seu parceiro em crescimento digital*

GeHost — hospedagem que entende de performance, simplicidade e resultados.
Grupo: G e Soluções e Eventos LTDA (CNPJ: 46.647.904/0001-04)

Precisa de Ajuda?

Nossa equipe está pronta para resolver suas dúvidas.