← blog · sebesség · · 2 min
Core Web Vitals: miért bukik el a legtöbb page builderes oldal?
LCP, CLS, INP: három mérőszám, amely megmondja, milyen élmény a látogatónak az oldalad. Elmagyarázom, mit mérnek, és miért nehéz page builderrel jól teljesíteni.
Sági Dániel
A Google három mérőszámmal írja le, mennyire jó a felhasználói élmény egy oldalon. Ezek a Core Web Vitals értékek. A Google a valódi Chrome-felhasználók méréseiből számolja őket (ez a „terepadat”), és akkor tekint egy oldalt jónak, ha a látogatások legalább 75%-ánál teljesül a határérték. Nézzük, mit jelentenek, és hol akad el egy tipikus page builderes oldal.
LCP: mikor jelenik meg a lényeg?
A Largest Contentful Paint azt méri, mikor rajzolódik ki a képernyő legnagyobb eleme, például a nyitókép vagy a főcím. A jó érték 2,5 másodperc alatt van. Page builderrel ez azért nehéz, mert a böngészőnek előbb sok CSS-t és JavaScriptet kell letöltenie és feldolgoznia, a nyitókép pedig gyakran túl nagy, vagy későn kezd betöltődni.
CLS: ugrál-e az oldal?
A Cumulative Layout Shift azt méri, mennyit mozdulnak el az elemek betöltés közben. Ismerős, amikor rá akarsz bökni egy gombra, de az utolsó pillanatban lejjebb ugrik? Méret nélküli képek, későn betöltődő betűtípusok, utólag beszúrt sávok és csúszkák okozzák. A jó érték 0,1 alatt van.
INP: milyen gyorsan reagál?
Az Interaction to Next Paint azt méri, mennyi idő telik el egy kattintás vagy érintés és a látható válasz között, a látogatás teljes ideje alatt. A sok egyszerre futó JavaScript (animációk, csúszkák, kiegészítők, követőkódok) itt bünteti a legjobban az oldalt. A jó érték 200 ezredmásodperc alatt van.
Mennyit számít ez a Google-nek?
A Core Web Vitals rangsorolási jel, de nem a legerősebb: a jó tartalom és a relevancia ennél többet számít. Szoros versenyben viszont számít, és a látogatóidnak minden nap számít. Egy lassú, ugráló oldalról mobilon egyszerűen továbblépnek.
Miért bukik el a page builder?
Mert általános. Minden oldalra betölt sok olyasmit, ami csak egy-egy modulhoz kellhet, mély HTML-szerkezetet épít, és a kiegészítők további szkripteket hoznak. A gyorsítóbővítmények sokat segítenek a gyorsítótárral és a fájlok összevonásával, de a probléma forrását nem szüntetik meg.
Hogyan csinálom én?
Saját témában csak az töltődik be, amit az adott oldal használ. A JavaScript komponensenként, igény szerint érkezik, a képek méretet kapnak, a lejjebb lévők csak görgetéskor töltődnek be, a nyitókép elsőbbséget kap, a betűtípusokat a saját szerverről szolgálom ki. A cél mobilon a 90 feletti PageSpeed-pontszám. Az ingyenes állapotfelmérésben megmérem a te oldalad Core Web Vitals értékeit is.