Saltar para o conteúdo principal
SparkCore
Conhecimento

Lighthouse-scores verbeteren via je afbeeldingen

Afbeeldingen zijn op de meeste WordPress-sites de grootste rem op je Lighthouse-score. Wie het gewicht en het formaat van beeld aanpakt, wint vaak de meeste punten met de minste moeite.
In het kort
  • Quatro das auditorias de imagem mais conhecidas dizem respeito ao peso e ao tamanho
  • Formatos modernos como WebP e AVIF reduzem consideravelmente o tamanho dos seus ficheiros
  • O Spark trata exatamente essas auditorias automaticamente

De image-audits die Lighthouse laat zien

Lighthouse benoemt afbeeldingen in een handvol terugkerende adviezen. Elk daarvan wijst naar hetzelfde onderliggende probleem: te grote of verkeerd afgeleverde beelden.
  • Properly size images: não entregue uma foto de 3000px para um espaço de 600px
  • Efficiently encode images: comprima mais sem perda visível
  • Serve images in next-gen formats: utilize WebP ou AVIF
  • Defer offscreen images: carregue a imagem só quando entrar no ecrã

Hoe Spark deze punten oppakt

Spark Media Optimizer comprimeert elk bestand op basis van je profiel en levert waar mogelijk WebP of AVIF met een nette fallback voor oudere browsers. Daarmee raak je de audits over encoding en next-gen formats in één keer.
Omdat de plugin op je eigen server werkt en het juiste formaat per browser serveert, verbetert je Largest Contentful Paint zonder dat je afhankelijk wordt van een externe dienst.

Atenção: O Lighthouse mede por página. Teste as suas páginas mais pesadas, não apenas a página inicial, porque é aí que normalmente está o maior ganho.

Los je zwaarste Lighthouse-punten in één run op.

Veelgestelde vragen

As imagens são apenas um fator. O Spark trata das auditorias de imagem, mas a sua pontuação total depende também de scripts, CSS e do seu servidor. Ainda assim, a imagem é muitas vezes o ganho mais rápido.

Não. O Spark analisa a sua biblioteca de media existente e processa as imagens que já lá estão, por isso não precisa de voltar a carregar nada manualmente.

O lazy loading adia o carregamento, mas não altera o peso. O Spark reduz o próprio ficheiro, para que a imagem que carrega seja realmente mais leve.