Images kwa kawaida ni bytes nzito zaidi kwenye ukurasa, hivyo kuzi-optimize ni ushindi mkubwa zaidi wa LCP. Levers tatu: modern formats, responsive sizing, na loading priority.
AVIF na WebP hu-compress ndogo zaidi kuliko JPEG/PNG kwa quality ile ile (AVIF mara nyingi 50% ndogo kuliko JPEG). Zitumikie na fallback ili browsers za zamani bado zifanye kazi:
Usitume image ya 2000px kwa simu ya 400px. srcset huruhusu browser kuchagua ukubwa sahihi kwa kifaa:
<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 huiambia browser jinsi image inavyorender kwa upana ili ichague source ndogo yenye kutosha.
fetchpriority="high", loading="eager", na fikiria preload.loading="lazy" ili isipakuliwe hadi ihitajike.Daima weka width/height ili kuzuia CLS.
LCP ya polepole mara nyingi ni hero image kubwa mno tu. Kujua formats (AVIF/WebP), srcset kwa resolution sahihi, na priority sahihi — pamoja na kutoku-lazy-load LCP image — ndiyo toolkit ya vitendo ambayo wahojaji hutarajia, na kwa kawaida ndilo badiliko lenye athari kubwa zaidi kwenye tovuti halisi.
Maktaba ya maswali ya mahojiano ya IT yenye majibu ya kina — kutoka Junior hadi Senior.
Changia