Por padrão, o WordPress usa o carregamento preguiçoso (lazy loading) para atrasar o download de mídia, o que melhora os tempos de carregamento.
No WPBeginner, usamos esse recurso em alguns de nossos sites para acelerar as coisas. Ele ajuda as páginas a carregar mais rápido, atrasando as imagens até que sejam realmente necessárias.
No entanto, há muitas razões para desativar o carregamento preguiçoso, seja para otimizar elementos específicos, solucionar problemas, garantir a compatibilidade de plugins ou evitar uma experiência de usuário ruim.
Neste artigo, mostraremos como desativar facilmente o carregamento preguiçoso no WordPress.
O que é Carregamento Preguiçoso (Lazy Loading)?
O WordPress introduziu o carregamento preguiçoso de imagens pela primeira vez no WordPress 5.5. Mais tarde, estendeu o recurso de carregamento preguiçoso para embeds de iframe (como vídeos do YouTube, Spotify e outros embeds).
Essa prática ajuda a melhorar o desempenho do seu site e a velocidade da página, carregando rapidamente o conteúdo na área visível primeiro.
Um site mais rápido não é apenas bom para os usuários, mas também pode melhorar o ranking do seu site, pois os motores de busca como o Google consideram a velocidade um fator de classificação importante.
Além de imagens e embeds, você também pode facilmente carregar preguiçosamente comentários e Gravatars para melhorar ainda mais a velocidade de carregamento da página.
Você pode ver a funcionalidade de carregamento preguiçoso em ação clicando com o botão direito do mouse em uma imagem e selecionando a ferramenta Inspecionar em seu navegador.
Isso dividirá a tela do seu navegador e mostrará o código-fonte HTML. A partir daqui, você poderá ver o atributo “loading=lazy” adicionado à imagem.
Agora, normalmente, não recomendamos desativar o carregamento preguiçoso devido aos seus benefícios gerais para o seu site WordPress. Desativá-lo pode resultar em velocidade mais lenta do site, taxas de conversão mais baixas e classificações de SEO mais baixas.
No entanto, o carregamento preguiçoso pode prejudicar a experiência do usuário em alguns sites.
Por exemplo, se você administra um site de fotografia onde as imagens são o aspecto mais significativo do seu conteúdo, então carregá-las preguiçosamente pode arruinar a experiência do usuário para seus clientes.
Em outros casos, você pode estar usando uma solução de carregamento preguiçoso diferente e apenas deseja desativar o carregamento preguiçoso padrão do WordPress.
Dito isso, vamos ver como você pode desativar facilmente o carregamento preguiçoso no WordPress.
Para este tutorial, mostraremos um método de código e um método de plugin. Você pode usar os links abaixo para pular para qualquer opção que preferir:
- Método 1: Desativar o Carregamento Preguiçoso no WordPress Usando WPCode (Recomendado)
- Método 2: Desativar o Carregamento Preguiçoso no WordPress Usando um Plugin
- Tutorial em Vídeo
- Bônus: Aumente a Velocidade e o Desempenho do Seu Site
Método 1: Desativar o Carregamento Preguiçoso no WordPress Usando WPCode (Recomendado)
Você pode desativar o recurso de carregamento preguiçoso no WordPress adicionando código personalizado ao arquivo functions.php do seu tema.
No entanto, lembre-se de que o menor erro ao adicionar o código pode quebrar seu site e torná-lo inacessível.
É por isso que recomendamos o uso do WPCode para adicionar código personalizado.
É o melhor plugin de snippets de código personalizado para WordPress do mercado. Além disso, ele torna a adição de código ao seu site super fácil e segura.
Nós o testamos completamente em nosso site de demonstração e vimos resultados excelentes. Para saber mais, veja nossa análise completa do WPCode.
Primeiro, você precisa instalar e ativar o plugin WPCode. Para instruções detalhadas, veja nosso guia sobre como instalar um plugin do WordPress.
🚨 Observação: O WPCode também tem uma versão gratuita que você pode usar para este tutorial. No entanto, a atualização para o plano pago lhe dará acesso a recursos como uma biblioteca de nuvem de snippets de código, lógica condicional e muito mais.
Após a ativação, visite a página Snippets de Código » + Adicionar Snippet no painel do WordPress.
A partir daqui, clique no botão ‘Usar snippet’ na opção ‘Adicionar Seu Código Personalizado (Novo Snippet)’.
Isso o direcionará para a página ‘Criar Snippet Personalizado’, onde você pode começar digitando um nome para o seu snippet de código.
Este pode ser qualquer nome que o ajude a identificar o snippet de código e o que ele faz. Nós chamamos o nosso de ‘Desativar Lazy Load’.
Depois de dar um nome ao seu snippet personalizado, selecione ‘Snippet PHP’ no menu suspenso ‘Tipo de Código’ no canto direito da tela.
Agora, copie e cole o seguinte código PHP na caixa ‘Visualização do Código’:
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
É assim que o código ficará após ser colado.
Depois disso, role para baixo até a seção ‘Inserção’. Aqui, simplesmente escolha o modo ‘Inserir Automaticamente’.
Isso garantirá que seu código personalizado seja executado automaticamente em todos os lugares do seu site WordPress assim que você ativar o snippet.
Em seguida, role de volta para o topo da página e simplesmente alterne o interruptor ‘Inativo’ para ‘Ativo’.
Finalmente, não se esqueça de clicar no botão ‘Salvar Snippet’ para salvar e executar seu snippet de código.
Agora, o lazy loading será desativado no seu site WordPress.
Você pode testar isso clicando com o botão direito em uma imagem e selecionando ‘Inspecionar’ no menu do navegador.
No código HTML da imagem, o atributo ‘loading=lazy’ agora desaparecerá.
Método 2: Desativar o Carregamento Preguiçoso no WordPress Usando um Plugin
Se você não quiser adicionar código ao seu site, poderá usar um plugin para desativar o lazy loading do WordPress.
A única coisa que você precisa fazer é instalar e ativar o plugin Disable Lazy Load. Para mais instruções, confira nosso guia passo a passo sobre como instalar um plugin do WordPress.
O plugin funciona imediatamente e não requer nenhuma configuração. Uma vez ativado, ele desativará automaticamente o recurso de lazy load em seu site.
Tutorial em Vídeo
Se você não prefere instruções escritas, pode assistir ao nosso tutorial em vídeo:
Bônus: Aumente a Velocidade e o Desempenho do Seu Site
Uma vez que você desativou o lazy loading, isso pode afetar negativamente a velocidade e o desempenho do seu site.
Nesse caso, você pode tentar outras dicas para aumentar o desempenho do seu site e diminuir o tempo de carregamento da página. Por exemplo, você pode otimizar as imagens do seu site comprimindo-as, usando JPEG ou PNG como formatos de arquivo, e muito mais.
Além disso, você deve sempre executar a versão mais recente do WordPress, usar resumos na página inicial, dividir comentários em páginas e usar temas otimizados para SEO em seu site.
Além disso, você também pode usar plugins de cache como WP Rocket ou WP Super Cache para aumentar ainda mais a velocidade do seu site.
Para mais dicas, você pode conferir nosso guia para iniciantes sobre como aumentar a velocidade e o desempenho do WordPress.
Esperamos que este artigo tenha ajudado você a aprender como desativar corretamente o carregamento preguiçoso (lazy load) no WordPress. Você também pode querer ver nosso guia para iniciantes sobre como otimizar imagens do WordPress para melhores tempos de carregamento de página ou ver nossa seleção dos melhores plugins de compressão de imagem do WordPress.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Jiří Vaněk
Obrigado pelo snippet. Depois que o PageSpeed Insights começou a me alertar sobre problemas de carregamento preguiçoso e me informou que era problemático para o meu site, tentei desativar o carregamento preguiçoso de várias maneiras. O site é construído no Elementor e nada funcionou corretamente. O snippet finalmente corrigiu o problema e agora o PageSpeed Insights não marca mais esse problema. Eu pensei que o carregamento preguiçoso seria melhor para o desempenho, mas de acordo com as medições no meu site e template, não foi. Este snippet me salvou.
WPBeginner Support
Glad our snippet was able to help
Admin
Dimitrios Charalampidis
Os artigos deste site me ajudaram muito... Eu só queria dizer: Obrigado!
WPBeginner Support
You’re welcome! Glad to hear our guides have been helpful!
Admin
Adrian
E desativar o carregamento preguiçoso APENAS na imagem em destaque (primeira imagem acima da dobra)? Existe uma maneira fácil?
WPBeginner Support
Não temos uma recomendação para desativá-lo condicionalmente, mas se isso mudar, teremos certeza de compartilhar!
Admin