CLS terjadi ketika konten terlihat bergerak setelah ia sudah dipaint, menggeser apa yang sedang dilihat pengguna. Penyebabnya hampir selalu konten yang termuat tanpa ruang yang dicadangkan.
CLS terjadi ketika konten terlihat bergerak setelah ia sudah dipaint, menggeser apa yang sedang dilihat pengguna. Penyebabnya hampir selalu konten yang termuat tanpa ruang yang dicadangkan.
top, height) alih-alih transform.width/height (atau aspect-ratio) agar ruang dicadangkan sebelum load:<img src="/photo.jpg" width="1200" height="800" alt="..."> <!-- mencadangkan kotaknya -->
.hero { aspect-ratio: 16 / 9; } /* mencadangkan rasio untuk media responsif */
font-display: optional atau swap ditambah size-adjust/preload untuk meminimalkan reflow saat web font tiba.position: absolute) atau dorong dari bawah.transform/opacity — mereka di-composite dan tidak memicu layout.CLS adalah Core Web Vital yang paling dapat diperbaiki — biasanya hanya segelintir dimensi yang hilang. Pewawancara menggunakannya untuk menguji apakah kamu memahami render pipeline: mencadangkan ruang di awal berarti browser tidak pernah perlu reflow, itulah sebabnya transform mengungguli animasi top.
Perpustakaan pertanyaan wawancara IT dengan jawaban mendetail — dari Junior hingga Senior.
Donasi