CLS तेव्हा होते जेव्हा दृश्यमान content आधीच paint झाल्यानंतर हलते, वापरकर्ता जे पाहत होता ते सरकवते. कारण जवळपास नेहमीच राखीव जागेशिवाय load होणारी content असते.
CLS तेव्हा होते जेव्हा दृश्यमान content आधीच paint झाल्यानंतर हलते, वापरकर्ता जे पाहत होता ते सरकवते. कारण जवळपास नेहमीच राखीव जागेशिवाय load होणारी content असते.
transform ऐवजी layout properties (top, height) animate करणे.width/height (किंवा aspect-ratio) सेट करा:<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 आहे — ते सहसा काही गायब dimensions असते. मुलाखतकार हे तपासण्यासाठी वापरतात की तुम्हाला render pipeline समजते का: आधीच जागा राखीव ठेवल्याने browser ला कधीही reflow करावे लागत नाही, म्हणूनच transform हे top animate करण्यापेक्षा उजवे आहे.
सविस्तर उत्तरांसह IT मुलाखत प्रश्नांचे ग्रंथालय — Junior पासून Senior पर्यंत.
देणगी द्या