Como configurar carregamento adiado (lazy load) de imagens sem plugin imprimir

Como configurar carregamento adiado (lazy load) de imagens sem plugin — Guia prático para seu site

Olá, querido(a) cliente da GeHost! Seja muito bem-vindo(a) ao seu novo passo rumo a um site mais rápido, leve e responsivo. Hoje, vamos aprender um truque simples, poderoso e super fácil de colocar em prática: o lazy load (carregamento adiado) de imagens — sem precisar de plugins, sem complicação, e diretamente no código.

Imagine isso: seu site tem 20 imagens. Quando um visitante entra, ele não precisa esperar que todas carreguem de uma vez. Apenas as que estão visíveis na tela são carregadas. As demais só aparecem quando o usuário rola até elas. Isso reduz o tempo de carregamento, economiza tráfego e melhora a experiência — especialmente em celulares.

Na GeHost, você tem total controle sobre o código do seu site. Vamos aproveitar isso para fazer isso na mão, com apenas um pequeno ajuste no HTML.

Passo a passo: como habilitar lazy load no seu site (sem plugin)

Este método funciona com qualquer site hospedado na GeHost — seja ele feito com WordPress, HTML puro, ou outro sistema. A única condição: você precisa ter acesso ao código das páginas.

1. Abra o arquivo HTML da sua página (ex: index.html, pagina1.html) usando o Gerenciador de Arquivos no cPanel.
2. Localize as tags <img> que contêm suas imagens. Elas costumam ter um formato assim:

   <img src="foto1.jpg" alt="Descrição da imagem" />

3. Adicione o atributo loading="lazy" dentro da tag <img>, como no exemplo abaixo:

   <img src="foto1.jpg" alt="Descrição da imagem" loading="lazy" />

4. Salve o arquivo e atualize a página no navegador para testar.

Pronto! Agora, o navegador vai carregar as imagens só quando elas estiverem próximas da área visível. Isso é o lazy load em ação.

Dica Sensei: Você pode usar esse mesmo truque em qualquer imagem do seu site — banners, produtos, galerias, capas. Só não se esqueça de manter o atributo alt com uma descrição útil. É importante para acessibilidade e SEO.

Como encontrar o Gerenciador de Arquivos no cPanel

Se você ainda não sabe onde está o Gerenciador de Arquivos, siga estes passos:

1. Entre no painel do cliente da GeHost.
2. Localize o botão Entrar no cPanel (geralmente no topo da tela).
3. Na tela do cPanel, clique em Arquivos e depois em Gerenciador de Arquivos.
4. Selecione a pasta public_html (é onde estão os arquivos do seu site).
5. Localize o arquivo HTML que deseja editar (ex: index.html).

É seguro usar esse método?

Sim, absolutamente! O atributo loading="lazy" é suportado por todos os navegadores modernos (Chrome, Firefox, Safari, Edge). Ele é um recurso nativo do HTML5 — não precisa de JavaScript, não depende de plugins, e não causa erros.

Além disso, ele é recomendado pelo Google como uma prática de otimização de desempenho. Quanto mais rápido seu site, melhor para o usuário e melhor para o seu posicionamento no Google.

Quer ir além? Dicas extras para mais velocidade

• Use imagens em formato WebP (mais leve que JPG/PNG) — o cPanel permite que você converta arquivos com ferramentas simples.
• Redimensione as imagens antes de carregá-las — não suba uma foto de 5MB para um espaço de 300px.
• Evite imagens muito grandes em fundos — use CSS para fundos responsivos e carregamento inteligente.

Se precisar de ajuda com qualquer parte desse processo, seu suporte da GeHost está à disposição. Lembre-se: você tem 30 dias grátis de suporte após a entrega — use esse tempo para aprender, testar e melhorar seu site com tranquilidade.

Seu site está crescendo com você. E com pequenos ajustes como esse, ele vai voar. 🚀

Com carinho, Sensei da GeHost *Hospedagem com alma, código com propósito* Grupo: G e Soluções e Eventos LTDA — CNPJ 46.647.904/0001-04