Ištaisykite LCP „Daugiau nei nei“ klaidą „TGS“ pagrindiniuose žiniatinklio vitaluose
Turinys:
„Google“ išleido naują ataskaitą paieškojekonsolė pavadinimu „Core Web Vitals“. Šios pakeitė spartos ataskaitas ir bus laikomos reitingavimo veiksniu 2021 m. Pagrindiniai interneto „Vitals“ bus vertinami kaip reitingavimo veiksniai kartu su „Page Speed“, HTTPS. Draugiškumas mobiliesiems ir kiti veiksniai puslapyje.
„Core Web Vital“ atsižvelgia į UX ir UI elementus puslapyje, kad sužinotų trijų pagrindinių metrikų puslapio vidurkį,
- LKP: Didžiausi turiningi dažai
- FID: Pirmojo įvesties vėlavimas
- CLS: Kaupiamasis išdėstymo poslinkis
Nėra konkretaus vieno koduoto pataisymo, kurį reikėtų išspręstiproblemas, tačiau galite optimizuoti svetainę, kad pašalintumėte klaidas. Čia išvardysiu keletą praktikų, kurios gali padėti išspręsti didžiausią turiningą dažą (LCP) “.Daugiau nei' jūsų tinklalapiams.
↑ Kas yra LKP?
Didžiausio turinio dažų (LCP) metrikos ataskaitosdidžiausio turinio elemento, matomo peržiūros srityje, pateikimo laikas. Paprasčiau tariant, laikas, per kurį pagrindinis elementas turi būti įkeltas į matomą ekraną, pradėjus puslapį įkelti.
Siekdami užtikrinti gerą vartotojo patirtį, svetainės turėtų stengtis, kad didžiausias turinio dažymas atsirastų per pirmąjį 2,5 sekundės pradedamas įkelti puslapis.
↑ Į kokius elementus atsižvelgiama LKP?
Didžiausio turinio dažų elementų tipai yra:
<img>
elementai<vaizdas>
elementai viduje<svg>
elementas<video>
elementai- Elementas su fono vaizdu įkeltas per
URL ()
funkcija - Bloko lygio elementai, kuriuose yra teksto mazgų, arba kiti tiesioginio lygio teksto elementai.
↑ Kokios yra didelės LKP priežastys?
- Lėtas serverio atsako laikas
- Pateikimą blokuojantis „JavaScript“ ir CSS
- Lėtas išteklių įkėlimo laikas
- Kliento pusės atvaizdavimas
↑ Kaip optimizuoti svetainę, kad išspręstumėte aukštą LCP?
Naudokite gerą prieglobą su geru atsakymo laiku irmažas delsos lygis. Įsitikinkite, kad optimizavote serverius, naudokite nemokamus trečiųjų šalių CDN, pvz., „Cloudflare“, „jsDelivr“, „Statically“, kad greitai pristatytumėte statinį turtą. Jei dirbate su „WordPress“, yra keletas papildinių, kurie gali padėti atlikti darbą už jus.
Naudokite suglaudintus vaizdus su naujos kartos vaizdų formataiskaip JPEG XR, JPEG 2000 ar WebP. Šie modernūs formatai padeda 50% pagreitinti vaizdo įkėlimą. Yra keletas „WordPress“ papildinių, kurie automatiškai padės suspausti ir konvertuoti vaizdus skriejant. Taip pat naudokite vaizdo CDN, pvz., WP-Photon, kad sumažintumėte serverio pralaidumą ir padidintumėte svetainės greitį.
Galite naudoti talpyklos paslaugas, kad įkeltumėte statinį HTMLpuslapis, kuris nekeičiamas pagal kiekvieną užklausą, talpykla gali neleisti jo atkurti be reikalo. „Talpyklos“ papildiniai sugeneruoto HTML kopiją išsaugos jūsų serveryje, o kai bus prašoma puslapio, serveris atleis talpyklos apkrovą, kuri gali sutrumpinti laiką iki pirmo baito (TTFB) ir sumažinti išteklių naudojimą.
Taip pat galite naudoti tokias paslaugas kaip „Cloudflare kuri“paleidžia paslaugų darbuotojus naršyklės fone ir gali perimti užklausas iš serverio. Jie paima visą puslapio HTML talpyklą ir pirmiausia aptarnauja HTML puslapių talpyklą, o tai gali žymiai sutrumpinti įkėlimo laiką.
Kiti svarbūs dalykai, į kuriuos reikia atsižvelgti, yra optimizuoti svetainę, kad ji būtų gera
- Pašalinkite pateikimą blokuojančius „JavaScript“ ir CSS
- Atidėkite nekritinį CSS
- Sumažinti išteklius
- Iš anksto įkelkite svarbius išteklius
Galite rasti išsamesnį vadovą, kaip optimizuoti svetainę, kad sumažintumėte LCP ir kad jūsų puslapiai būtų greičiau įkeliami, kad būtų geriau UX. oficiali „Web.Dev“ svetainė.
Išvada: TGS įvedus pagrindinius interneto svarbius elementusir tai laikoma reitingavimo veiksniu. LCP yra labai svarbi metrika, kurią reikia taisyti, nes atsižvelgiama į laiką, per kurį įrenginio peržiūros srityje užima didžiausias elementas. Pateikiau keletą preliminarių pataisymų ir sprendimų, kaip optimizuoti svetainę žemam LCP.
Gudrybės
Gudrybės