CLS se događa kad se vidljivi sadržaj pomakne nakon što je već iscrtan, mičući ono što je korisnik gledao. Uzrok je gotovo uvijek sadržaj koji se učita bez rezerviranog prostora.
CLS se događa kad se vidljivi sadržaj pomakne nakon što je već iscrtan, mičući ono što je korisnik gledao. Uzrok je gotovo uvijek sadržaj koji se učita bez rezerviranog prostora.
top, height) umjesto transform.width/height (ili aspect-ratio) tako da je prostor rezerviran prije učitavanja:<img src="/photo.jpg" width="1200" height="800" alt="..."> <!-- rezervira okvir -->
.hero { aspect-ratio: 16 / 9; } /* rezervira omjer za responzivne medije */
font-display: optional ili swap plus size-adjust/preload da se minimizira reflow kad web font stigne.position: absolute) ili gurajte odozdo.transform/opacity — kompozitirani su i ne pokreću layout.CLS je najviše popravljiv Core Web Vital — obično je riječ o šačici nedostajućih dimenzija. Ispitivači ga koriste da provjere razumijete li render pipeline: rezerviranje prostora unaprijed znači da preglednik nikad ne mora raditi reflow, zbog čega transform pobjeđuje animiranje top.
Knjižnica IT pitanja za razgovore za posao s detaljnim odgovorima — od Juniora do Seniora.
Doniraj