Hero kép optimalizálás: az LCP elem első benyomása

A weboldalak közel 70 százalékánál az LCP elem maga a hero kép, ami az oldal tetején jelenik meg. Ez azt jelenti, hogy az első benyomás sebessége egyenesen ettől a képtől függ a felhasználóknál. A kép maximális szélessége asztali nézetben 1920 pixel legyen, de a srcset attribútum mobilra kisebb verziót szállít automatikusan. A fetchpriority=high attribútum 2024 óta hivatalos HTML szabvány, és a böngészőnek jelzi a kép kritikus voltát. A rel=preload link tag a head szekcióban tovább gyorsítja a letöltést. A lazy loading hero képen TILOS minden esetben. A WebP formátum 75-ös minőséggel kódolva általában megfelelő minden eszközön.