CLS berlaku apabila kandungan kelihatan bergerak selepas ia sudah dipaint, mengalihkan apa yang pengguna sedang lihat. Puncanya hampir selalu ialah kandungan yang dimuatkan tanpa ruang ditempah.
CLS berlaku apabila kandungan kelihatan bergerak selepas ia sudah dipaint, mengalihkan apa yang pengguna sedang lihat. Puncanya hampir selalu ialah kandungan yang dimuatkan tanpa ruang ditempah.
top, height) dan bukannya transform.width/height (atau aspect-ratio) supaya ruang ditempah sebelum muat:<img src="/photo.jpg" width="1200" height="800" alt="..."> <!-- menempah kotak -->
.hero { aspect-ratio: 16 / 9; } /* menempah nisbah untuk media responsif */
font-display: optional atau swap serta size-adjust/preload untuk meminimumkan reflow apabila web font tiba.position: absolute) atau tolak dari bawah.transform/opacity — ia dikomposit dan tidak mencetuskan layout.CLS ialah Core Web Vital yang paling boleh dibetulkan — ia biasanya hanya segelintir dimensi yang hilang. Penemu duga menggunakannya untuk menguji sama ada anda memahami render pipeline: menempah ruang di awal bermaksud browser tidak perlu reflow, itulah sebabnya transform mengatasi menganimasi top.
Pustaka soalan temu duga IT dengan jawapan terperinci — daripada Junior hingga Senior.
Derma