--- title: "Como corrigir imagens sem lazy loading no WordPress" url: https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/ date: 2026-06-13 author: "Clayton Margiotti" --- # Como corrigir imagens sem lazy loading no WordPress ## O que é imagens sem lazy loading no WordPress? Imagens sem lazy loading no WordPress são imagens que o navegador carrega imediatamente, mesmo as que o visitante só veria depois de rolar a página. O WordPress adiciona o atributo loading com o valor lazy nativamente desde a versão 5.5, o que faz o navegador adiar o download das imagens fora da tela até elas se aproximarem. Quando esse atributo não é aplicado, todas as imagens competem por banda no primeiro carregamento, o que infla o peso da página, atrasa o conteúdo do topo e piora os Core Web Vitals. As causas costumam estar no tema, em um plugin que desliga o recurso, ou em imagens coladas no HTML sem o atributo. ## Como identificar - O PageSpeed Insights aponta a oportunidade "Defer offscreen images" ou "Adiar imagens fora da tela". - No código-fonte da página, as tags de imagem aparecem sem o atributo loading="lazy". - A aba Network do navegador mostra todas as imagens sendo baixadas logo no carregamento, antes de rolar. - A página fica pesada e lenta em posts com muitas imagens, mesmo as que estão bem abaixo da dobra. ## Como prevenir - Mantenha o WordPress e o tema atualizados para preservar o atributo loading="lazy" nativo - Reserve loading="eager" só para a imagem do topo e deixe o lazy loading nas imagens abaixo da dobra - Audite o PageSpeed Insights após mudanças no tema ou nos plugins de mídia para pegar regressões cedo ## Erros relacionados - [Como corrigir LCP alto no WordPress (Core Web Vitals)](https://full.services/wp-fixer/corrigir-lcp-alto-wordpress/) - [Como corrigir Eliminate render-blocking resources](https://full.services/wp-fixer/corrigir-render-blocking-resources-wordpress/) - [Como otimizar o wp_options para reduzir queries lentas](https://full.services/wp-fixer/otimizar-wp-options-queries-lentas/) --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services/", "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023", "Gold Medal - The WP Weekly Awards 2024" ], "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "TechArticle", "@id": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/#article", "headline": "Como corrigir imagens sem lazy loading no WordPress", "url": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/", "inLanguage": "pt-BR", "datePublished": "2026-06-13T23:46:01-03:00", "dateModified": "2026-06-13T23:46:01-03:00", "author": { "@id": "https://full.services/#org" }, "publisher": { "@id": "https://full.services/#org" }, "isAccessibleForFree": false, "about": [ { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, { "@type": "Thing", "name": "Performance & Velocidade" } ], "mentions": { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/" }, "wordCount": 525, "description": "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.", "articleSection": "Performance & Velocidade", "keywords": "ativar lazy load imagens wordpress, defer offscreen images wordpress, imagens carregam todas de uma vez wordpress, lazy loading nao funciona wordpress, loading lazy wordpress", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://web.dev/articles/browser-level-image-lazy-loading", "name": "web.dev — Browser-level image lazy loading for the web" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir imagens sem lazy loading no WordPress", "programmingLanguage": "Html", "codeRepository": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/#faq-q1", "name": "O WordPress aplica lazy loading nas imagens sozinho?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/#faq-q2", "name": "Por que minhas imagens carregam todas de uma vez?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/#faq-q3", "name": "Devo aplicar lazy loading em todas as imagens?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/#faq-q4", "name": "Lazy loading melhora os Core Web Vitals?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/#faq-q5", "name": "Imagens de fundo em CSS recebem lazy loading?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-lazy-loading-imagens-wordpress/#faq-q6", "name": "Preciso de um plugin para ativar o lazy loading?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```