Como configurar lazy loading de imagens no seu site (para mais velocidade e melhor experiência)
Olá, querido(a) cliente! 👋
Se você já notou que o seu site demora a carregar ou que as imagens aparecem só depois de um tempo, é porque ele está carregando tudo de uma vez — mesmo as que estão longe da visão do usuário. Isso pesa no desempenho, especialmente em celulares. Mas calma! A GeHost está aqui para te ajudar a deixar seu site mais rápido e leve com uma técnica simples chamada lazy loading — que significa: "carregue as imagens só quando elas estiverem perto de aparecer na tela". É como se o site dissesse: "Ah, essa imagem só vou carregar quando você chegar perto dela!" 🎯 Vamos juntos, passo a passo? 💪Como ativar o lazy loading no seu site (com o cPanel da GeHost)
Seu site está hospedado na GeHost — ótimo! Isso quer dizer que você tem controle total sobre os arquivos do seu site. Vamos usar o cPanel para fazer essa mágica acontecer.
- Entre no seu painel de controle em painel.gehost.com.br. Use seu usuário e senha.
- Na tela principal do cPanel, procure pela ferramenta chamada Gerenciador de Arquivos. Você pode encontrá-la na seção Arquivos.
- Na tela do Gerenciador de Arquivos, clique em Document Root (geralmente é a pasta
public_html). É aqui que estão todos os arquivos do seu site. - Procure pelo arquivo principal do seu site. Ele pode se chamar
index.html,index.php,home.php, ou algo parecido. Clique nele para abrir. - Selecione todo o conteúdo do arquivo e copie (use Ctrl+C ou Cmd+C).
- Abra um editor de texto simples (como o Bloco de Notas do Windows ou o TextEdit do Mac — em modo texto puro).
- Coloque o conteúdo copiado no editor.
- Procure por todas as tags de imagem. Elas têm esse formato:
<img src="caminho/para/imagem.jpg" alt="Descrição da imagem" >
Acrescente o atributo loading="lazy" dentro da tag <img>. Ficará assim:
<img src="caminho/para/imagem.jpg" alt="Descrição da imagem" loading="lazy" >
Repita esse passo para todas as imagens do seu site — especialmente as que estão abaixo da dobra (ou seja, as que só aparecem depois de rolar a página).
Salve o arquivo com o mesmo nome (ex: index.html).
No Gerenciador de Arquivos, clique em Enviar ou Upload para substituir o arquivo antigo.
Pronto! Seu site agora carregará as imagens apenas quando necessário.
Dica sensata do Sensei
💡 Quer ir além? Você pode usar um plugin (como o WP Rocket para WordPress) ou um script JavaScript que faz isso automaticamente — mas no caso de sites simples ou estáticos, o método acima é o mais limpo, seguro e rápido.
Se você não tiver certeza sobre como editar arquivos, entre em contato com nosso suporte — estamos aqui para te ajudar. E lembre-se: todo site que você hospeda na GeHost tem acesso ao cPanel, então você tem poder total sobre seus arquivos. 💪
Por que isso é bom?
- Reduz o tempo de carregamento do site.
- Diminui o uso de dados (ótimo para celulares).
- Melhora a experiência do usuário — ninguém mais espera!
- Aumenta a classificação em ferramentas como Google PageSpeed e Lighthouse.
Parabéns! Você acabou de dar um passo gigante para deixar seu site mais rápido, moderno e profissional. 🎉
Se precisar de ajuda com qualquer outro tema — como CDN, cache ou SEO — é só pedir. Aqui na GeHost, seu sucesso é nosso propósito.
Com carinho,
Sensei da GeHost
Grupo: G e Soluções e Eventos LTDA (entexp.com.br) — CNPJ: 46.647.904/0001-04
