tak na szybko
Jak naprawić problem z CLS w Google SearchConsole i PageSpeed Insights?Optymalizacja CLS jest dosyć prosta, wystarczy spełnić następujące rekomendacje:
wykluczenie z mechanizmu lazy-load elementów położonych w obszarze above the fold,
stosowanie atrybutów width i height dla standardowych obrazków (szczególnie logo i tych które znajdują się u góry strony) oraz elementów iframe / embed,
odpowiednia wartość font-display dla napisów znajdujących się u góry strony lub optymalizacja ładowania fontów,
unikanie reklam o zmiennej wysokości,
stosowanie placeholderów, które rezerwują miejsce dla obrazków, reklam i elementów dynamicznych generowanych za pomocą JS,
wklejenie krytycznego CSS w element head (więcej informacji na ten temat jest w artykule o optymalizacji CSS).
ze stronki https://mansfeld.pl/webdesign/podstawowe-wskazniki-internetowe-jak-spelnic/