Bilder er vanligvis de tyngste bytene på en side, så å optimalisere dem er den største LCP-gevinsten. Tre spaker: moderne formater, responsiv størrelsestilpasning og lasteprioritet.
AVIF og WebP komprimerer langt mindre enn JPEG/PNG ved samme kvalitet (AVIF ofte 50 % mindre enn JPEG). Server dem med en fallback så gamle nettlesere fortsatt fungerer:
Ikke send et 2000px-bilde til en 400px-telefon. srcset lar nettleseren velge riktig størrelse for enheten:
<img
srcset="/p-400.jpg 400w, /p-800.jpg 800w, /p-1600.jpg 1600w"
sizes="(max-width: 600px) 100vw, 800px"
src="/p-800.jpg" width="800" height="600" alt="...">
sizes forteller nettleseren hvor bredt bildet rendres slik at den kan velge den minste tilstrekkelige kilden.
fetchpriority="high", loading="eager", og vurder en preload.loading="lazy" så det ikke hentes før det trengs.Behold alltid width/height for å forhindre CLS.
En treg LCP er som oftest bare et overdimensjonert hero-bilde. Å kjenne formater (AVIF/WebP), srcset for riktig oppløsning, og korrekt prioritet — pluss å ikke lazy-laste LCP-bildet — er det praktiske verktøysettet intervjuere forventer, og det er som regel den enkeltendringen med størst effekt på en ekte nettside.
Et bibliotek av IT-intervjuspørsmål med detaljerte svar — fra Junior til Senior.
Doner