Como configurar lazy loading de imagens sem usar plugin no WordPress imprimir

Como configurar lazy loading de imagens sem usar plugin no WordPress

Olá, querido(a) cliente da GeHost! Seja bem-vindo(a) ao seu guia de desempenho com carinho — aqui, você aprende a deixar seu site mais rápido, sem precisar instalar nada extra. E o melhor: sem plugin, sem complicação. Vamos juntos?

Por que usar lazy loading?

Imagine um site com 20 imagens grandes. Quando alguém entra, todas elas carregam de uma vez. Isso pesa, atrasa e cansa o visitante. O lazy loading é uma mágica: imagens só carregam quando o visitante está perto delas na tela. Resultado? Site mais leve, mais rápido, melhor experiência.

Sensei diz: “Um site rápido é um site que conquista. Lazy loading é o primeiro passo para isso.”

Passo a passo: ativar lazy loading no WordPress (sem plugin)

Na GeHost, você tem acesso total ao código do seu site. Vamos usar isso com sabedoria. Siga com calma — cada passo é uma pedra no caminho da excelência.

1. Entre no painel do cPanel da sua hospedagem. Você pode acessar em painel.gehost.com.br.

   

2. Na tela principal do cPanel, localize o grupo “Arquivos” e clique em “Gerenciador de Arquivos”.

   

3. No Gerenciador de Arquivos, selecione a pasta public_html (é a raiz do seu site). Clique em “Ir”.

   

4. Procure o arquivo chamado functions.php. Ele está dentro da pasta do tema que você está usando (ex: twentytwentyfour ou genesis). Clique nele e selecione “Editar”.

   Se não encontrar, verifique se o tema está ativo no WordPress. Se não, acesse o painel do WordPress > Aparencia > Temas e ative um que esteja funcionando.

5. Na tela de edição, insira o código abaixo no final do arquivo, antes do fechamento de PHP (que é `?>` ou, se não existir, apenas coloque no final).

   add_filter('wp_get_attachment_image_attributes', function($attr) {
       if (isset($attr['src'])) {
           $attr['loading'] = 'lazy';
           $attr['decoding'] = 'async';
       }
       return $attr;
   });
       

   Esse código diz ao WordPress: “Quando renderizar uma imagem, coloque o atributo loading="lazy" — é isso que faz o truque funcionar!”

6. Após colar o código, clique em “Salvar” (ou “Salvar Arquivo”).

7. Pronto! Agora, toda imagem no seu site — posts, páginas, galerias — será carregada com lazy loading automático.

Dica sensata do Sensei

Se você quiser testar se está funcionando, abra seu site no navegador, abra as ferramentas de desenvolvedor (F12), vá em “Rede” e role a página. Você verá que as imagens só carregam quando aparecem na tela. É mágica, mas real!

Importante: sempre faça backup antes de editar

Editar arquivos do WordPress pode afetar seu site. Por isso, sempre faça um backup completo antes de mudar algo. No cPanel, vá em “Backup” e gere um backup da sua conta. Assim, se algo der errado, você volta ao ponto anterior.

Conclusão: você está no caminho certo

Lazy loading sem plugin? Sim! Com um toque de código simples, você deixou seu site mais leve, mais rápido e mais amigável. E tudo isso com o poder da GeHost — onde cada detalhe é feito com cuidado, como se fosse para você.

Se tiver dúvidas, entre em contato com nosso suporte. Estamos aqui para te ajudar, com um sorriso e um coração de cliente.

Com carinho,
Sensei da GeHost
*Grupo G e Soluções e Eventos LTDA (CNPJ: 46.647.904/0001-04)*