Como ativar lazy loading de imagens no WordPress sem usar plugin (sem complicação!)
Olá, querido(a) cliente da GeHost! 👋
Se você está aqui, provavelmente quer deixar seu site mais rápido, sem instalar nada — e isso é ótimo. Na verdade, o WordPress já vem com uma funcionalidade poderosa que faz exatamente isso: lazy loading de imagens. E o melhor? Você pode ativar isso sem instalar nenhum plugin, só com um pequeno ajuste no código do seu tema. Vamos lá, com calma e certeza — como um bom treino de senso digital. 🧘♂️💡 O que é lazy loading?
É uma técnica que faz com que as imagens só carreguem quando o usuário rolar até elas. Isso significa:
- Menos tráfego no início da página
- Carregamento mais rápido do site
- Menos uso de dados para o visitante
- Boas notas no Google PageSpeed e Lighthouse
É como se o site dissesse: "Espere um pouco, vou te mostrar só quando você quiser." 🙌
✅ Passo a passo: ative o lazy loading no WordPress (sem plugin)
Esse método funciona em qualquer tema compatível com o WordPress — mesmo que você não saiba programar. Vamos lá:
- Entre no painel do cPanel da sua hospedagem GeHost.
- Na tela do cPanel, clique em “File Manager” (Gerenciador de Arquivos).
- No Gerenciador de Arquivos, vá até a pasta public_html (ou a pasta do seu site, se estiver em subdiretório).
- Procure pelo arquivo chamado functions.php. Ele está dentro da pasta do seu tema ativo (ex: wp-content/themes/twentytwentyfour/functions.php).
Se não souber qual é o tema, veja no painel do WordPress (em Aparência > Temas). O nome do tema aparece lá.
- Abra o arquivo functions.php com o editor do cPanel. Clique em “Editar” (não use o modo “Visual” — ele pode quebrar o código).
- Na parte final do arquivo, antes de fechar o PHP (ou seja, antes do `?>`), cole este código:
add_filter('wp_img_tag_add_loading_attr', function($attr, $attachment, $context) {
if (isset($attr['src'])) {
$attr['loading'] = 'lazy';
}
return $attr;
}, 10, 3);
- Clique em “Salvar” no canto superior direito do editor.
- Pronto! O lazy loading agora está ativado em todas as imagens do seu site.
✨ Dica do Sensei (Raphael Neves Koga)
Se você não tiver certeza sobre o arquivo, nunca edite o tema diretamente se não souber o que está fazendo. Use um tema filho (child theme) para evitar perda de alterações ao atualizar o tema principal. Mas se você está só começando, o código acima funciona em qualquer tema — desde que ele use o padrão do WordPress.
Se algo der errado, volte e desative o código ou use o backup do arquivo (se fez antes).
🔍 Como testar se funcionou?
Abra seu site em um navegador (Chrome ou Firefox), abra as Ferramentas de Desenvolvedor (F12), vá até a aba Network e recarregue a página.
Veja as imagens: elas devem aparecer com o atributo loading="lazy" no código HTML. Se sim, está tudo certo! 🎉
📌 Importante: você não precisa de plugin
Plugins como “Smush”, “LiteSpeed Cache” ou “WP Rocket” fazem isso — mas eles também trazem mais peso, mais configurações, mais riscos.
Com apenas um código simples, você ativa o lazy loading de forma nativa e segura. É o caminho mais limpo, mais rápido e mais seguro.
💬 Quer ajuda?
Se tiver dúvidas, entre em contato com nosso suporte no painel do cliente: painel.gehost.com.br. Estamos aqui para te ajudar, com carinho e atenção.
Seu site está mais rápido, seu visitante está mais feliz, e você está mais tranquilo. 🌟
Com carinho,
Sensei da GeHost
Raphael Neves Koga — fundador da G e Soluções e Eventos LTDA (CNPJ: 46.647.904/0001-04)
