Como configurar lazy loading de imagens sem precisar instalar plugin

Como configurar lazy loading de imagens sem precisar instalar plugin

Olá, viajante da web! Seja bem-vindo ao seu novo guia de desempenho com a Sensei da GeHost — aqui, ensinamos com carinho, sem enrolação, só o essencial para deixar seu site mais rápido, leve e bonito.

Se você já percebeu que o seu site demora para carregar ou que as imagens aparecem de forma lenta, saiba que há uma solução simples e poderosa: o lazy loading.

Ele é como um trabalhador invisível que só começa a carregar as imagens quando o visitante rola até elas. Isso significa: menos carga no início, mais velocidade e melhor experiência para quem visita seu site.

Hoje, vamos te mostrar como ativar o lazy loading sem instalar nenhum plugin — apenas com uma pequena alteração no código HTML do seu site. Sim, é possível!

Por que fazer isso?

Imagens grandes são lindas, mas podem pesar demais. Quando todas carregam ao mesmo tempo, o site fica lento, especialmente em celulares. O lazy loading resolve isso com elegância.

Dica da Sensei: Sites com lazy loading carregam até 30% mais rápido — e isso melhora muito o ranking no Google!

Passo a passo: como ativar no seu site (sem plugin)

1. Acesse o Gerenciador de Arquivos do cPanel

   Entre no seu painel do cliente em painel.gehost.com.br e vá até a seção Arquivos → Gerenciador de Arquivos.

   

2. Encontre o arquivo que contém as imagens

   Normalmente, as imagens estão em arquivos HTML dentro da pasta public_html. Procure por arquivos como index.html, pagina.html ou qualquer outro que você tenha criado.

3. Abra o arquivo no editor

   Clique com o botão direito no arquivo e escolha Editar ou Code Editor. Isso abrirá o código do seu site em um editor simples.

4. Localize as tags <img>

   Procure por linhas que comecem com <img. Exemplo:

   <img src="foto1.jpg" alt="Minha foto" />

5. Adicione o atributo loading="lazy"

   Acrescente o atributo loading="lazy" dentro da tag <img>. Ficará assim:

   <img src="foto1.jpg" alt="Minha foto" loading="lazy" />

   Repita isso para todas as imagens que você quer otimizar.

6. Salve as alterações

   Após editar todas as imagens, clique em Salvar ou Salvar Arquivo no editor.

7. Verifique no navegador

   Atualize a página do seu site no navegador. Abra as ferramentas do desenvolvedor (F12) e veja se as imagens estão sendo carregadas apenas quando rolamos até elas.

Importante: O que você precisa saber

Esse método funciona em todos os navegadores modernos (Chrome, Firefox, Safari, Edge). Você não precisa de plugins, scripts extras ou configurações complexas.

Se você usa um sistema como WordPress, Joomla ou outro CMS, o processo pode ser diferente — mas mesmo assim, o mesmo princípio se aplica: adicionar loading="lazy" nas imagens.

Sensei avisa: Nunca altere arquivos que não são seus. Se não tiver certeza, peça ajuda ao suporte da GeHost. A gente está aqui para te ajudar!

Próximos passos

Depois de ativar o lazy loading, você pode ir além:

• Comprimir as imagens com ferramentas como TinyPNG ou Squoosh.
• Usar formatos modernos como WebP (melhor desempenho).
• Ativar o CDN da GeHost para distribuir as imagens mais rápido.

Com essas pequenas ações, seu site fica mais leve, mais rápido e mais amado pelos visitantes — e por quem te ajuda a construí-lo.

Se precisar de ajuda com qualquer coisa, é só entrar em contato com o suporte da GeHost. Nós somos do grupo G e Soluções e Eventos LTDA (CNPJ: 46.647.904/0001-04), e estamos aqui para você.

Até a próxima, com muito carinho e código limpo. ✨