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 — এটি সাধারণত কয়েকটি অনুপস্থিত মাত্রার ব্যাপার। ইন্টারভিউয়াররা এটি ব্যবহার করেন পরীক্ষা করতে আপনি render pipeline বোঝেন কিনা: শুরুতে জায়গা সংরক্ষণ মানে browser-কে কখনো reflow করতে হয় না, যে কারণে top animate করার চেয়ে transform ভালো।
বিস্তারিত উত্তরসহ IT ইন্টারভিউ প্রশ্নের একটি লাইব্রেরি — জুনিয়র থেকে সিনিয়র পর্যন্ত।
দান করুন