admin 
„Google“ paieškos advokatas Johnas Muelleris pabrėžia naują atvejo tyrimą, paaiškinantį, kodėl tam tikri didžiausio turinio dažymo patobulinimai dažnai neduoda rezultatų. Išdėstymas skiriasi priklausomai nuo parduotuvės, naršyklė gali sutelkti dėmesį į netinkamą elementą, todėl visi tolesni optimizavimai bus nukreipti į tai, kas niekada nebuvo LCP.
Atvejo tyrimas buvo paskelbtas web.dev birželio 24 d. ir joje išsamiai aprašomi Core Web Vitals darbo metai el. prekybos platformoje Nuvemshop. Iš pradžių komanda įtarė vaizdo svorį arba serverio delsą kaip pagrindines problemas. Tačiau jų analizė parodė, kaip naršyklė pasirinko LCP elementą. Optimizavusi elementų pasirinkimą, vaizdo prioritetą, atidėtą įkėlimą ir kraštų talpyklą, „Nuvemshop“ praneša, kad jos parduotuvių, turinčių gerus LCP balus, dalis padidėjo nuo 57% iki 96%.
Kaip pasirenkamas netinkamas elementas
Nuvemshop prekybininkai gali tvarkyti savo pagrindinio puslapio skiltis bet kokia jiems pageidaujama tvarka, todėl karuselės, reklamjuostės ir produktų tinkleliai rodomi įvairiose skirtingose temose. Remiantis atvejo tyrimu, karuselės buvo ant 85 % parduotuvių vitrinų, todėl atliekant matavimą iškilo problema.
Problema kilo dėl CSS perėjimų karuselėse ir reklamjuostėse. Šie perėjimai vėluoja, kai elementai tapo matomi naršyklės LCP aptikimui. Nors pirkėjai pirmiausia pamatė karuselės apkrovą, naršyklė retkarčiais identifikuodavo žemiau esančią reklamjuostę kaip LCP elementą, nes jos matomumas nebuvo atidėtas dėl perėjimo. Todėl, pasak Nuvemshop, ankstesnės optimizavimo pastangos buvo sutelktos į elementus, kurie niekada nebuvo LCP.
Tyrimas nustatė tris pagrindines priežastis. Perėjimai nukreipė aptikimą į netinkamą kadrą, tingus įkėlimas atitolino vaizdus virš užlenkimo, kuriuos reikėjo įkelti nedelsiant, o svarbiems vaizdams trūko prioritetinių signalų. Be to, matavimai buvo atlikti ne tik iš kategorijų, bet ir iš produktų puslapių, todėl sprendimas turėjo būti veiksmingas įvairiuose puslapių tipuose.
Trys LCP pataisymai
Atvejo analizė apima ketvirtą pakeitimą, krašto talpyklą, siekiant sumažinti delsą. Tačiau pagrindiniai elementų aptikimo koregavimai apėmė tris puslapio viršaus atvaizdavimo ir įkėlimo pakeitimus. „Nuvemshop“ įgyvendino visus tris pagrindinių temų ir puslapių tipų pakeitimus. Šie koregavimai yra nesudėtingi, vadovaujantis įprasta žiniatinklio našumo geriausia praktika.
Komanda pašalino CSS perėjimus iš viršutinių skilčių, kad jie būtų rodomi akimirksniu, o tai leidžia naršyklei nedelsiant atpažinti juos kaip LCP kandidatus.
Jie taip pat patraukė loading="lazy" nuo pirmojo vaizdo tose viršutinėse skiltyse. Paties web.dev nurodymai šiuo klausimu yra neryškūs, įspėjantys, kad LCP atvaizdas nebūtų tingus įkelti, nes jis visada prideda įkėlimo delsą.
<!-- Before -->
<img src="https://www.searchenginejournal.com/googles-mueller-flags-a-case-on-why-lcp-fixes-miss-the-target/581413/slide-1.webp" loading="lazy" alt="Featured product">
<!-- After -->
<img src="https://www.searchenginejournal.com/googles-mueller-flags-a-case-on-why-lcp-fixes-miss-the-target/581413/slide-1.webp" alt="Featured product">
Paskutinis gabalas buvo fetchpriority="high" tikėtiname LCP vaizde, kuris nurodo naršyklės išankstinio įkėlimo skaitytuvui jį greičiau patraukti. „Nuvemshop“ teigia, kad tai apėmė patvirtinimo logika, todėl signalas suveikia tik ten, kur elementas iš tikrųjų gali būti LCP kandidatas. „Google“ patarimas – rezervuoti atributą vienam ar dviems pagrindiniams vaizdams, nes jei viskam yra didelis prioritetas, nieko nėra.
<!-- Before -->
<img src="https://www.searchenginejournal.com/googles-mueller-flags-a-case-on-why-lcp-fixes-miss-the-target/581413/slide-1.webp" alt="Featured product">
<!-- After -->
<img src="https://www.searchenginejournal.com/googles-mueller-flags-a-case-on-why-lcp-fixes-miss-the-target/581413/slide-1.webp" fetchpriority="high" alt="Featured product">
Ką dar praneša „Nuvemshop“.
„Nuvemshop“ praneša, kad bendras „Core Web Vitals“ išlaikymo rodiklis per metus pagerėjo nuo 48% iki 72%, o ne tik LCP rodiklis.
Bendrovė apžvelgė tas pačias Brazilijos parduotuves, veikiančias 2025 m. ir 2026 m. sausio mėn. Mobiliųjų įrenginių lankytojų, atvykstančių per „Google“ natūralią paiešką, konversijų rodiklis padidėjo 8,9 proc., o įtraukimas į krepšelį – 8,4 proc.
Atminkite, kad tai yra pačių pateikti skaičiai, o pirkinių skaičiai yra tos grupės metų palyginimas, o ne kontroliuojamas testas. „Nuvemshop“ kryptį sieja su savo spartos darbu, remdamasi „Google“ užsakytu „Deloitte“ tyrimu, kuris nustatė, kad skutimasis 0,1 sekundės trumpiau įkeliant laiką gali padidinti mažmeninės prekybos konversiją 8,4%.
Kodėl tai svarbu
Prieš suglaudindami kitą herojaus vaizdą, dar kartą patikrinkite, ar optimizuojate elementą, kurį naršyklė iš tikrųjų laiko LCP. Tai ypač svarbu naudojant šablonus arba karuselinius išdėstymus, kur jis gali netikti.
Mūsų pačių naujausia aprėptis nusileidžia toje pačioje vietoje. Žvelgiant į pagrindinius žiniatinklio vitals CMS platformose, HTTP archyvo duomenys parodė, kad realaus pasaulio LCP paprastai sugenda, kai platforma yra lėta, kad naršyklė atrastų pagrindinį vaizdą, arba kai ji priverčia tą vaizdą konkuruoti su per daug kitų aukšto prioriteto išteklių, o ne tik tada, kai puslapis yra sunkus. Barry Pollardas taip pat paaiškino, kaip atsekti LCP problemą „PageSpeed Insights“ prieš paliečiant bet kokį kodą.
Konversijos nuoroda atspindi „Nuvemshop“ duomenų interpretaciją. Pagrindiniai žiniatinklio gyvybiniai rodikliai yra tik nedidelis reitingavimo veiksnys, o „Google“ akcentavo svarbą, todėl greitesnę parduotuvę geriau vertinti kaip apsipirkimo patirtį, o ne reitingavimo svertą.
Žvilgsnis į priekį
Tai tik vienos įmonės patirtis, todėl apsipirkimo naudą geriausia suprasti kaip kryptingą. Pati technika taip pat nėra nauja, nes web.dev jau daugelį metų pasisako už tokį atradimų ir prioritetų darbą. Atvejo studijoje pateikiamas pavyzdys, kaip nustatyti tikrąjį LCP elementą įvairiose parduotuvėse, o tai yra sudėtinga bet kurios tinkinamos platformos dalis.
Teminis vaizdas: victoriatudos/Shutterstock
