Képméretek (width/height)

Amikor egy <img>-nek nincs megadva width és height értéke, a böngésző a betöltésig nem tudja, mennyi helyet foglal el a kép, és a megérkezése után a tartalom „ugrik”. Ezt méri a CLS (Cumulative Layout Shift) metrika.

A layout ugrálása frusztráló (a felhasználó másra kattint, mint amire akart), és a Google bünteti a CLS-en keresztül a Core Web Vitalsban.

1. 1Adj meg width és height értéket minden <img>-nél (a böngésző kiszámítja belőlük az oldalarányt).
2. 2Esetleg foglalj helyet az aspect-ratio CSS-szel.
3. 3Ugyanez vonatkozik a beágyazásokra és hirdetésekre, foglalj nekik helyet.