Image सामान्यतया page मा सबैभन्दा भारी byte हुन्, त्यसैले तिनलाई optimize गर्नु सबैभन्दा ठूलो LCP जीत हो। तीन lever: आधुनिक format, responsive sizing, र loading priority।
AVIF र WebP ले उही quality मा JPEG/PNG भन्दा धेरै सानो compress गर्छन् (AVIF प्रायः JPEG भन्दा 50% सानो)। पुराना browser पनि चलून् भनेर fallback सँग serve गर्नुहोस्:
400px phone मा 2000px image नपठाउनुहोस्। srcset ले browser लाई device का लागि सही आकार छान्न दिन्छ:
<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 ले browser लाई image कति चौडा render हुन्छ बताउँछ ताकि यसले सबैभन्दा सानो पर्याप्त source छान्न सकोस्।
fetchpriority="high", loading="eager", र preload विचार गर्नुहोस्।loading="lazy" ताकि आवश्यक नहुञ्जेल fetch नहोस्।CLS रोक्न सधैं width/height राख्नुहोस्।
ढिलो LCP प्रायः केवल अति-ठूलो hero image हो। Format (AVIF/WebP), सही resolution का लागि srcset, र सही priority जान्नु — साथै LCP image lazy-load नगर्नु — interviewer हरूले अपेक्षा गर्ने व्यावहारिक toolkit हो, र यो प्रायः वास्तविक site मा एकल सबैभन्दा प्रभावकारी परिवर्तन हुन्छ।
विस्तृत उत्तरसहित IT अन्तर्वार्ता प्रश्नहरूको पुस्तकालय — जुनियरदेखि सिनियरसम्म।
दान गर्नुहोस्