Store billeder er stadig en af de hyppigste årsager til dårlig LCP på WordPress. Et telefonfoto på 4000 px uploaded “som det er” tipper nemt over i flere megabyte — browseren skal downloade, decode og male, før brugeren ser indholdet. God nyhed: rettelsen er konkret og ofte den hurtigste gevinst — før du rører ved cache-plugins.

Hvis du leder efter værktøjer: se også komprimer billeder gratis. Herunder er metoden, jeg bruger, når LCP er billed-drevet.

Tre lag: dimensioner, komprimering, format

  1. Resize — skaler til den største visningsbredde du faktisk bruger (fx 1200–1600 px for content, ikke 4000)
  2. Komprimér — reducer KB uden synlig kvalitetsnedgang
  3. Moderne format — WebP / AVIF med fornuftig fallback hvor nødvendigt

WordPress genererer flere størrelser ved upload (`srcset`). Det hjælper kun, hvis originalen ikke er absurd stor, og temaet bruger responsive images korrekt.

LCP-billedet er helligt

Det største synlige element — ofte hero eller produktbillede — må ikke være lazy-loadet. Prioritér det, giv det rigtig størrelse, og undgå at skjule det bag carousels der loader tre slides mere. Se lazy load.

SEO omkring billeder

  • Filnavne: roed-ulden-sweater.jpg slår IMG_0043.jpg. Undgå æ/ø/å i filnavne for færre URL-problemer
  • Alt-tekst: beskriv billedet nyttigt for mennesker og skærmlæsere — ikke keyword-spam
  • Dimensioner i HTML: width/height (eller aspect-ratio) reducerer CLS

Værktøjer

Online (før upload): TinyPNG, Squoosh, Compressor.io. I WordPress: ShortPixel, Imagify, Smush, EWWW — vælg én strategi og vær konsekvent. Mere dybde: gratis billedkomprimering.

  • Batch-optimer mediabiblioteket efter skift til WebP
  • Tjek at CDN/image-resize (hvis du har det) ikke leverer unødigt store varianter

WooCommerce-produktbilleder

Aftal én standard (fx kvadrat 1600×1600 eller det, temaet forventer). Ens proportioner undgår “hoppende” grids (CLS). Lazy-load thumbs under fold; hold primært produktbillede skarpt og prioriteret. Se også WooCommerce-hastighed.

Checklist

  1. Find LCP-elementet i PSI på en vigtig URL
  2. Resize + komprimér + WebP/AVIF
  3. Fjern lazy fra LCP; behold lazy under fold
  4. Sæt alt + fornuftige filnavne på nye uploads
  5. Genmål mobil LCP

Kort sagt

Byte og pixels du ikke viser, er spild. Resize før upload, komprimér, brug moderne formater, og beskyt LCP-billedet. Vil du have pejling på din egen side? Helbredstjek eller kontakt.