Serve images in next-gen formats er en Lighthouse-anbefaling om at levere billeder i moderne formater som WebP og AVIF frem for kun JPEG og PNG. De giver typisk mindre filer ved tilsvarende visuel kvalitet, men ældre browsere kræver stadig et fallback-format.
Hvorfor det påvirker hastigheden
Billeder er ofte den største del af en sides download. Mindre filer giver hurtigere overførsel og kan forbedre LCP, når et billede er det største synlige element. Next-gen-formater løser dog ikke dimensioneringsproblemer — et AVIF-billede i 3.000 px spilder stadig data, hvis layoutet viser 800 px. Kombinér format med korrekt størrelse og effektiv kodning.
Implementering i WordPress
Brug et <picture>-element, server-side content negotiation eller et billed-CDN, der vælger AVIF eller WebP efter browserens understøttelse og bevarer JPEG/PNG som fallback. Ét billedplugin eller CDN bør eje konverteringen, så du undgår dublerede varianter og modstridende omskrivninger.
Generér varianter for eksisterende medier, og kontrollér især temaets hero- og produktbilleder. Lazy-load billeder længere nede på siden, men ikke LCP-billedet over folden. Cache de statiske varianter med en fornuftig Cache-Control-politik via host eller CDN.
Sådan verificerer du leveringen
I Network-panelet skal den viste fil have moderne MIME-type (image/webp eller image/avif), passende dimensioner og færre overførte bytes end JPEG/PNG-fallbacket. Test i både Chrome og Safari, og sammenlign LCP i PageSpeed Insights på mobil. Advarslen forsvinder kun, når de faktisk viste billeder er konverteret - ikke når varianterne bare findes på serveren.