Legnagyobb tartalmas festék (LCP)

A legnagyobb tartalomelem megjelenítése az oldal betöltésének kezdetétől a nézetablakban látható legnagyobb tartalomelem megjelenítésének befejezéséig eltelt időt méri. Ez a Google egyik alapvető webes vitals mutatója, és az érzékelt betöltési sebesség jelzőjeként szolgál, azon az alapon, hogy egy oldal akkor tűnik betöltöttnek, amikor a fő tartalma megjelenik, nem pedig akkor, amikor minden erőforrás letöltése befejeződött.

A mért elem jellemzően egy hőskép, egy videóposzter, egy nagy blokkra alkalmazott háttérkép vagy egy jelentős szövegblokk. Az, hogy melyik elem minősül megfelelőnek, a betöltés során, a tartalom megjelenítésével változhat, és a végső jelentett érték a felhasználó első interakciójának vagy az oldal betöltésének befejeződésének pillanatában lévő legnagyobb elemnek felel meg. A Google közzétett küszöbértéke a 2.5 másodpercet vagy kevesebbet jónak tekinti, a valós felhasználói élmények hetvenötödik percentilisében mérve, ami azt jelenti, hogy a célpont nem az átlagos látogató, hanem a lassabb negyedük.

A gyenge pontszámok okai néhány ismétlődő kategóriába sorolhatók. A lassú szerverválasz késlelteti az összes folyamatot, így az első bájtig eltelt magas idő alsó határt szab az elérhető eredménynek. A renderelést blokkoló CSS ​​és JavaScript a dokumentum fejlécében megakadályozza a renderelés megkezdését, amíg azok le nem töltődnek és fel nem dolgozódnak. A nagy, nem optimalizált képek átvitele és dekódolása hosszabb időt vesz igénybe, különösen mobilkapcsolaton. A későn felfedezett erőforrások, például a CSS-ből hivatkozott vagy JavaScript által befecskendezett képek, a böngésző elindítása után kezdenek letöltődni. A kliensoldali renderelés mindezeket összevonja, mivel a tartalom nem jeleníthető meg, amíg egy csomag le nem töltődik és nem fut.

A megoldások közvetlenül következnek, és többnyire nem túl csillogó mérnöki munkák. A megfelelő méretű képek modern formátumokban, explicit méretekkel és prioritási tippekkel a valószínűleg legnagyobb elemhez történő megjelenítése megoldja a leggyakoribb okot. A fő kép és a kritikus betűtípusok előre betöltése lehetővé teszi a böngésző korábbi indulását. A kritikus CSS beágyazása és a többi elhalasztása kiküszöböli a renderelést blokkoló függőséget. A szerver válaszidejének javítása gyorsítótárazás és tartalomszolgáltató hálózat révén megemeli minden más számára a plafont. A szerveroldali renderelés vagy statikus generálás a tartalomban gazdag oldalak esetében teljesen elkerüli a JavaScriptre való várakozást.

A méréshez különbséget kell tenni a terepi és a laboratóriumi adatok között, mivel ezek különböző kérdésekre adnak választ. A valós felhasználóktól származó terepi adatok a tényleges eszköz- és hálózati körülményeket tükrözik, és ezeket használják a keresési rangsoroló rendszerek, de egy adott időszakra vonatkozóan összesített adatok, és nem magyarázzák az egyes okokat. A laboratóriumi eszközök reprodukálható diagnosztikát végeznek ellenőrzött körülmények között, ami hasznossá teszi őket a hibakereséshez, de eredményeik jelentősen eltérhetnek a valódi látogatók tapasztalataitól. Mindkettőre szükség van: a terepi adatokra annak megállapításához, hogy fennáll-e a probléma, a laboratóriumi eszközökre pedig annak okának kiderítéséhez.

Gyakorlati figyelmeztetés, hogy a mutató olyan módon is javítható, ami nem javítja a felhasználói élményt, és a küszöbérték elérésére irányuló nyomás alatt álló csapatok néha pontosan ezt teszik. A fő kép elhalasztása, hogy egy szövegblokk legyen a legnagyobb elem, a fő vizuális elem méretének csökkentése, hogy egy másik elem váljon megfelelővé, vagy a tartalom elrejtése a mérésig mind-mind eltolja a számot anélkül, hogy az oldal gyorsabbnak tűnne. Mivel a mérés az érzékelt betöltést, nem pedig magát a dolgot méri, a fejlesztéseket a tényleges betöltési sorrend filmszalagjával kell összehasonlítani, amely megmutatja, hogy a látogató hamarabb lát-e értelmes tartalmat, vagy csupán azt, hogy az eszköz elégedett-e.

A probléma megoldására vonatkozó kereskedelmi érvek nem elsősorban a keresési rangsoroláson alapulnak, ahol a sebesség csak egy jel a sok közül. A betöltési késleltetés és az elhagyás közötti jól dokumentált kapcsolaton alapulnak, amely a mobilkapcsolatokon és a nagy szándékú oldalakon a legkifejezettebb, ahol a látogatók már döntöttek a cselekvés mellett. A gyakorlatban ez a mérést a standard elemévé teszi a webes teljesítmény működik, és a fejlesztései gyakran ugyanolyan egyértelműen megjelennek a konverziómérésben, mint bármely, egy CRO szolgáltatás program, ezért a teljesítmény-optimalizálási és optimalizálási munkákat jobb együtt megtervezni, mint külön utakon.