CLS तब हुन्छ जब देखिने content पहिले नै paint भइसकेपछि सर्छ, प्रयोगकर्ताले हेरिरहेको कुरा हल्लाउँछ। कारण लगभग सधैं आरक्षित ठाउँ बिना load हुने content हो।
CLS तब हुन्छ जब देखिने content पहिले नै paint भइसकेपछि सर्छ, प्रयोगकर्ताले हेरिरहेको कुरा हल्लाउँछ। कारण लगभग सधैं आरक्षित ठाउँ बिना load हुने content हो।
top, height) transform को सट्टा।width/height (वा aspect-ratio) सेट गर्नुहोस् ताकि load अघि ठाउँ आरक्षित होस्:<img src="/photo.jpg" width="1200" height="800" alt="..."> <!-- reserves the box -->
.hero { aspect-ratio: 16 / 9; } /* reserves ratio for responsive media */
font-display: optional वा swap सँगै size-adjust/preload।position: absolute) वा तलबाट धकेल्नुहोस्।transform/opacity सँग animate गर्नुहोस् — तिनीहरू composited हुन्छन् र layout trigger गर्दैनन्।CLS सबैभन्दा सच्याउन सकिने Core Web Vital हो — यो सामान्यतया केही हराएका आयाम मात्र हुन्। Interviewer हरूले यो प्रयोग गर्छन् — तपाईं render pipeline बुझ्नुहुन्छ कि छैन जाँच्न: अगाडि ठाउँ आरक्षित गर्नुको अर्थ browser ले कहिल्यै reflow गर्नुपर्दैन, त्यसैले transform ले top animate गर्नुलाई हराउँछ।
विस्तृत उत्तरसहित IT अन्तर्वार्ता प्रश्नहरूको पुस्तकालय — जुनियरदेखि सिनियरसम्म।
दान गर्नुहोस्