Como ativar lazy loading de imagens no WordPress sem usar plugin

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á:

1. Entre no painel do cPanel da sua hospedagem GeHost.
2. Na tela do cPanel, clique em “File Manager” (Gerenciador de Arquivos).
3. No Gerenciador de Arquivos, vá até a pasta public_html (ou a pasta do seu site, se estiver em subdiretório).
4. 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á.

5. 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).
6. 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);

6. Clique em “Salvar” no canto superior direito do editor.
7. 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)