Imazhet janë zakonisht bajtet më të rënda në një faqe, ndaj optimizimi i tyre është fitorja më e madhe për LCP. Tri leva: formate moderne, madhësi responsive dhe prioritet ngarkimi.
AVIF dhe WebP kompresojnë shumë më vogël se JPEG/PNG në të njëjtën cilësi (AVIF shpesh 50% më i vogël se JPEG). Shërbejini me një fallback që browser-at e vjetër të punojnë ende:
Mos i dërgoni një imazh 2000px një telefoni 400px. srcset i lejon browser-it të zgjedhë madhësinë e duhur për pajisjen:
<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 i tregon browser-it sa i gjerë renderohet imazhi që të mund të zgjedhë burimin më të vogël të mjaftueshëm.
fetchpriority="high", loading="eager", dhe konsideroni një preload.loading="lazy" që të mos merret derisa të nevojitet.Mbajeni gjithmonë width/height për të parandaluar CLS.
Një LCP i ngadaltë më së shpeshti është thjesht një imazh hero i mbimadhësuar. Të diturit e formateve (AVIF/WebP), srcset për rezolucionin e duhur dhe prioritetin e saktë — plus mos lazy-loading i imazhit LCP — është toolkit-i praktik që intervistuesit presin, dhe zakonisht është ndryshimi i vetëm me ndikimin më të lartë në një sajt real.
Një bibliotekë pyetjesh intervistash IT me përgjigje të detajuara — nga Junior te Senior.
Dhuro