Gambar biasane byte sing paling abot ing sawijining kaca, mula ngoptimalake gambar iku kamenangan LCP sing paling gedhe. Telung tuas: format modern, ukuran responsif, lan prioritas loading.
AVIF lan WebP ngompres luwih cilik banget tinimbang JPEG/PNG ing kualitas sing padha (AVIF kerep 50% luwih cilik tinimbang JPEG). Sajekake nganggo fallback supaya browser lawas tetep mlaku:
Aja ngirim gambar 2000px menyang hape 400px. srcset ngidini browser milih ukuran sing pas kanggo piranti:
<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 ngandhani browser sepira ambane gambar di-render saengga bisa milih sumber paling cilik sing cukup.
fetchpriority="high", loading="eager", lan pikirna nganggo preload.loading="lazy" supaya ora dijupuk nganti dibutuhake.Tansah simpen width/height kanggo nyegah CLS.
LCP sing alon paling kerep mung amarga gambar hero sing kegedhen. Ngerti format (AVIF/WebP), srcset kanggo resolusi sing pas, lan prioritas sing bener — plus ora nge-lazy-load gambar LCP — iku toolkit praktis sing dikarepake pewawancara, lan biasane iku owah-owahan siji sing paling gedhe dampake ing situs nyata.
Pustaka pitakon wawancara IT kanthi jawaban rinci — saka Junior nganti Senior.
Nyumbang