CLS (Cumulative Layout Shift)
Haladó

CLS (Cumulative Layout Shift)

A CLS a Core Web Vitals vizuális stabilitási mutatója: azt méri, mennyire „ugrál" a tartalom betöltés közben. Cél: 0,1 alatt. A kéretlen elmozdulás bosszantó és félrekattintáshoz vezet.

2 perc olvasás·2026. június·Haladó

Mi a CLS?

A CLS (Cumulative Layout Shift) a Core Web Vitals vizuális stabilitási mutatója: azt méri, mennyire „ugrál" vagy mozdul el a tartalom a betöltés közben. Tipikus eset: kattintanál egy gombra, de egy később betöltődő banner lejjebb tolja, és máshová kattintasz.

Mi a cél és hogyan javítsd?

A jó CLS 0,1 alatt van. Okai: méret nélküli képek/iframe-ek, dinamikusan beszúrt tartalom (reklám, banner), későn betöltő webfontok. Javítása: adj fix méretet (width/height) a képeknek és médiának, foglalj helyet a dinamikus elemeknek, és kezeld jól a fontbetöltést.

Hasznos volt ez a cikk?

Nem találod a választ?

Ezt automatikusan megcsináljuk helyetted

Publicator AI · SEO és GEO autopilot