Lazy loading de imagens no WordPress: como corrigir

Tipo Performance & Velocidade

Nome do erro Como corrigir imagens sem lazy loading no WordPress

Severidade Atenção

Descrição Imagens sem lazy loading no WordPress significam que o navegador baixa todas as imagens da página de uma vez, inclusive as que estão abaixo da dobra. Costuma vir de tema antigo que remove o atributo loading, plugin que desativa o recurso nativo ou imagens inseridas direto no HTML sem o atributo.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

// ★ Conteúdo disponível para membros Pro...
// Faça upgrade para acessar este item.

Perguntas frequentes

O WordPress aplica lazy loading nas imagens sozinho?

Sim. Desde a versão 5.5 o WordPress adiciona loading="lazy" automaticamente nas imagens do conteúdo. Quando o atributo falta, quase sempre é porque o tema, um page builder ou um plugin desativou ou sobrescreveu o recurso nativo.

Por que minhas imagens carregam todas de uma vez?

Porque elas estão sem o atributo loading="lazy". Sem ele, o navegador baixa todas as imagens no primeiro carregamento, inclusive as abaixo da dobra. Verifique o tema, o page builder e os plugins que podem estar removendo o atributo.

Devo aplicar lazy loading em todas as imagens?

Não. A imagem do topo, em geral o elemento LCP, deve carregar de imediato com loading="eager". Aplicar lazy nela adia o conteúdo principal e piora o LCP. Use lazy loading apenas nas imagens abaixo da dobra.

Lazy loading melhora os Core Web Vitals?

Melhora de forma indireta. Adiar as imagens fora da tela reduz o peso do primeiro carregamento e libera banda para o conteúdo do topo, o que ajuda o LCP. Mas a imagem hero precisa ficar de fora do lazy para não atrasar o elemento principal.

Imagens de fundo em CSS recebem lazy loading?

Não pelo recurso nativo. O loading="lazy" funciona em tags de imagem, não em backgrounds definidos por CSS. Para essas, use técnicas específicas de carregamento sob demanda ou converta o fundo em uma tag de imagem quando fizer sentido.

Preciso de um plugin para ativar o lazy loading?

Nem sempre. O recurso nativo do WordPress cobre as imagens do conteúdo. Um plugin de performance ajuda quando o tema ou o page builder não aplicam o atributo, ou quando você quer estender o lazy loading a iframes e a outros elementos.

Pro Crítico

Como corrigir scripts essenciais do WooCommerce removidos pelo Perfmatters

Scripts do WooCommerce removidos pelo Perfmatters acontecem quando o Script Manager desativa assets como wc-cart-fragments, woocommerce e wc-checkout marcados como Everywhere, em vez de Current URL. Sem esses arquivos, o carrinho Ajax para de atualizar e o checkout fica sem o JavaScript que processa o pedido.

Pro Grave

Como corrigir o cache do WP-Optimize que quebra o editor do Elementor

O cache do WP-Optimize que quebra o editor do Elementor acontece quando o minify de CSS e JavaScript ou a página em cache processam os scripts do builder, deixando o canvas em branco ou travado no carregamento. A correção e excluir os arquivos do Elementor do minify e limpar o cache.

Pro Grave

Como corrigir as queries lentas do JetEngine no banco de dados

As queries lentas do JetEngine acontecem quando uma query do Query Builder executa Meta Query ou SQL pesado em toda requisicao sem cache, fazendo o Listing Grid demorar e o banco devolver tempos altos. Costuma vir de Meta Query sem indice, Cache Query desligado, SQL com varredura completa e falta de cache de objetos.

Pro Atenção

Como corrigir o erro de carregamento de fontes no WordPress

O font loading lento no WordPress acontece quando as fontes web (woff2, woff ou ttf) demoram a baixar e o navegador segura o texto até a fonte chegar. O resultado e texto invisivel por um instante (FOIT) ou uma troca visivel de fonte (FOUT), o que atrasa a primeira pintura e eleva o LCP da página.

Pro Atenção

Como corrigir o WP Rocket que não minifica o CSS

O WP Rocket minifica CSS de forma incompleta quando a opção Minify CSS files esta ligada mas certas folhas ficam de fora por regra do plugin: CSS inline, arquivos já terminados em .min, folhas com data-no-minify, CSS via @import e o CSS de posts do Elementor. A correção e ver qual folha o plugin ignora, limpar o cache e ajustar a origem.

Pro Grave

Como corrigir a página de login inacessivel pelo Perfmatters

A página de login inacessivel pelo Perfmatters login url acontece quando o recurso Change Login URL renomeia a entrada do painel e você perde a URL nova, já que o /wp-admin e o /wp-login.php passam a responder com a mensagem This has been disabled. Sem a string personalizada salva, não ha como autenticar pela rota padrão.

Setores

Extensões

Integrações

Como corrigir imagens sem lazy loading no WordPress

Conteúdo exclusivo para membros Pro

Perguntas frequentes

Itens relacionados

Como corrigir scripts essenciais do WooCommerce removidos pelo Perfmatters

Como corrigir o cache do WP-Optimize que quebra o editor do Elementor

Como corrigir as queries lentas do JetEngine no banco de dados

Como corrigir o erro de carregamento de fontes no WordPress

Como corrigir o WP Rocket que não minifica o CSS

Como corrigir a página de login inacessivel pelo Perfmatters

Setores

Extensões

Integrações

Extensões

Hero Sections

Seções de CTA

Login

Blog

Cabeçalhos

Seções de FAQ

Cadastro

Blog individual

Rodapés

Seções de contato

Seções de preços

Faixas

Portfólio

Seções de equipe

Números

Logotipos