Core Web Vitals

Core Web Vitals
David Kaufmann
SEO pamācības

Google nenogurstoši meklē veidus, kā nodrošināt tīmekļa pārziņiem rīkus, kas nepieciešami lapas ielādes laika optimizēšanai. Ne tikai tāpēc, ka tas samazina neoptimizētu resursu pārmeklēšanas un kešošanas izmaksas, bet arī tāpēc, lai uzlabotu lietotāja pieredzi, pārlūkojot tīmekli.

Tieši uz šo pēdējo aspektu Google koncentrē savu uzmanību, un jau vairākus gadus tā piedāvā tīmekļa pārziņiem dažādus rīkus lapas ielādes ātruma optimizēšanai. Tagad tā atkal izvilka no piedurknes 3 rādītājus, kas apkopo visbiežāk sastopamās problēmas, kas rodas, atveidojot HTML. Mēs nezinām, vai Core Web Vitals paliks uz ilgu laiku, taču pagaidām mums tie ir jāzina un jāiedziļinās to optimizēšanā. Mēs visi vēlamies parādīties no vislabākās puses, kad ierodas „priekšnieks".

Šī raksta mērķis ir izskaidrot, kas ir Core Web Vitals, kā tie darbojas un cik liela nozīme tiem ir vietnes ātrumam un ielādes laikiem. Nu tad ķersimies pie lietas!

SVARĪGI (atjaunināts 2020. gada 10. novembrī): Google tikko paziņoja, ka no 2021. gada maija Core Web Vitals kopā ar lietotāja pieredzi kļūs par ļoti svarīgu ranžēšanas faktoru. Raksts Google emuārā

Kas ir Core Web Vitals?

Core Web Vitals ir Google izveidoti rādītāji, lai uzlabotu lietotāju pieredzi vietnēs. Ielādes ātruma analīzei pieejamo rīku plašā daudzveidība bija viens no faktoriem, ko Google ņēma vērā, apvienojot visus šos rādītājus, lai nedaudz vienkāršotu ielādes laiku optimizēšanas sarežģītību. Šīs iniciatīvas mērķis ir likt mums koncentrēties uz šiem „kvalitātes signāliem", kas ir tik svarīgi optimālas lietotāja pieredzes sasniegšanai.

Google dažos vārdos apkopo, uz ko koncentrējas Core Web Vitals:

  • Ielādes pieredze

  • Interaktivitāte

  • Lapas satura vizuālā stabilitāte

Largest Contentful Paint jeb LCP

LCP jeb Largest Contentful Paint ir rādītājs, kas mums parāda „lielākā" lietotājam redzamā satura elementa ielādes laiku, līdz tas kļūst pieejams un noderīgs. Citiem vārdiem sakot, Google saka, ka elementiem, kas atrodas tā sauktajā „Above the Fold" zonā, ir jāielādējas ātri un jābūt lasāmiem, tādējādi kļūstot pieejamiem lietotājam, lai viņš varētu ar tiem mijiedarboties.

Jāprecizē, ka elementi, kas parādās, lietotājam noklikšķinot uz ekrāna vai ritinot, neietekmē LCP. Lielākais saturs var būt teksta bloks, video, attēls utt.

chart of optimal LCP times
chart of optimal LCP times

LCP statusa klasifikācija atkarībā no laikiem. Attēls © web.dev

Kādu laiku Google uzskata par optimālu?

Kā redzam diagrammā, Google uzskata, ka maksimālais laiks, lai ielādētu LCP un nodrošinātu labu lietotāja pieredzi, ir mazāk nekā 2,5 sekundes. Ir svarīgi atzīmēt, ka ielādes laikā LCP elements var mainīties.

Core Web Vitals fcp and lcp
Core Web Vitals fcp and lcp

Kā es varu uzzināt URL adreses LCP?

Pašā Chrome pārlūkā, veicot Lighthouse auditu, mums ir iespēja uzzināt, ko Google uzskata par lielāko ielādējamo saturu. Lūk, kā:

how to find out the largest element to load
how to find out the largest element to load

Kādi faktori var ietekmēt LCP ielādi?

Vairākas darbības ietekmē to, ka LCP ielādes laiks ir lielāks par gaidīto. Šie elementi vai darbības ir:

  • Servera atbilde

  • Datubāzes vaicājumi

  • API atbildes, kuru atrisināšana aizņem laiku

  • Atveidošanu bloķējošs CSS vai JS

  • Citu resursu lēna ielāde

  • Neoptimizēti attēli

  • Utt.

First Input Delay jeb FID

FID jeb First Input Delay ir rādītājs, kas norāda, cik ilgā laikā lapa reaģē, kad lietotājs mijiedarbojas ar kādu no elementiem.

pagespeed metrics
pagespeed metrics

Rādītāji, kas iegūti no Pagespeed

Pagespeed rīkā, kuru Google jau kādu laiku ir padarījis pieejamu ikvienam, mēs varam redzēt atsauci uz šo rādītāju. Par labām uzskatāmajām vērtībām vajadzētu būt zem 100 ms.

first input delay
first input delay

First Input Delay (FID) statusa klasifikācija atkarībā no laikiem. Attēls © web.dev

Galvenie šī rādītāja (FID) problēmu cēloņi rodas no JavaScript izpildes, tāpēc mums būtu jānoskaidro, kura koda daļa liek lapai reaģēt uz mijiedarbību ar aizkavi. Es pats esmu personīgi saskāries ar šo problēmu, ielādējot reklāmas JS.

Cumulative Layout Shift jeb CLS

Cumulative Layout Shift ir rādītājs, kas nosaka ierobežojumus tādu elementu ielādei, kuri, ielādējoties, maina attēlojumu. Mēs runājam par stabilitātes nodrošināšanu ekrānā esošajiem elementiem, lai skats nepārbīdītos, ielādējoties citiem resursiem.

Google uzskata (nu, Google un ikviens lietotājs), ka ir ļoti kaitinoši, ja pēc tam, kad esam sākuši mijiedarboties ar lapu (lasot, ritinot utt.), vēlāk ielādēts elements pārbīda lietotāja pozīciju attiecībā pret saturu, liekot viņam labot to, ritinot.

Cumulative Layout Shift
Cumulative Layout Shift

Šis piemērs palīdz mums labāk izskaidrot, kā darbojas šis rādītājs. Sākumā mēs redzam saturu, kas ielādēts kreisajā pusē. Kad Google runā par stabilitāti, tā atsaucas uz to, ka trešā elementa ielāde nepārbīda iepriekš ielādētos. Kā redzam attēlā pa labi, YouTube video ielāde ir pārbīdījusi divus sākotnēji ielādētos blokus.

Kāpēc Core Web Vitals ir svarīgi?

Kopš mēs līdzāspastāvam ar meklētājprogrammām, un konkrētāk ar Google, tā ir ieviesusi pienākumus ikvienam, kuram ir vietne un kurš vēlas, lai tā būtu viena no izvēles iespējām meklēšanas rezultātos.

Piekļuves uzlabošana no visām ierīcēm, drošas pārlūkošanas veicināšana saskaņā ar drošības protokolu vai to vietņu sodīšana, kas izmantoja uzmācīgu reklāmu (interstitials), ir bijušas dažas no tehnoloģiju giganta cīņām.

Šie rādītāji ir norādes, ko Google mums sniedz, lai norādītu, kuras vietnes daļas var būt problēma lietotājam, bet... vai tas nozīmē, ka tie ir svarīgi?

Neatkarīgi no tā, vai vietnes izprotam no „robotu" vai „lietotāju" viedokļa, šie rādītāji ir norādes tam, ka mūsu vietnes nedarbojas tik labi, kā vajadzētu. Mēs jau vairākos pētījumos esam redzējuši, cik ietekmīgs ielādes laiks ir konversijai un lietotāja pacietībai. Pašlaik tie neietekmē ranžējumu, bet vai mēs ignorēsim šos rādītājus?

No savas puses mēs noteikti tos ņemsim vērā.

Vai Core Web Vitals ietekmē ranžējumu?

Šodien viss, ko mēs zinām, ir tas, ka lietotāja pieredzes uzlabošanas rādītāji kļūst arvien svarīgāki, un daži no tiem jau tiek ņemti vērā meklēšanas rezultātos. 28. maija rakstā Google emuārā tika paziņots, ka 2021. gadā tā plāno izlaist jaunu atjauninājumu, lai iekļautu vairākus ar lietotāja pieredzi saistītus rādītājus.

Mums tikai jāatceras, kā tā rīkojās ar Mobile First Index un iepriekšējiem paziņojumiem. Šajā gadījumā, atkal atsaucoties uz maija rakstu, tā brīdina, ka būs iepriekšējs paziņojums vismaz 6 mēnešus iepriekš, tātad... vai atjauninājums parādīsies līdz nākamā gada beigām?

Rīki Core Web Vitals optimizēšanai

Tagad, kad esam parunājuši par to, kas ir Core Web Vitals un cik liela nozīme tiem būs tuvākajos mēnešos, ir pienācis laiks sākt strādāt pie šo rādītāju optimizēšanas. Ar dažādu rīku palīdzību mēs varēsim risināt konstatētās problēmas un panākt veiktspējas uzlabojumu.

Core Web Vitals Tools
Core Web Vitals Tools

Lighthouse

Lighthouse ir jaudīgs atvērtā koda rīks, ko atrodam Chrome pārlūkā. Ar Lighthouse mēs varam veikt sava vietnes auditu, veicot dažādus testus, lai iegūtu rezultātus par trūkumiem vai lapas daļām, kas jāoptimizē. Starp šīm daļām ir arī Core Web Vitals rādītāji.

core web vitals metrics in lighthouse
core web vitals metrics in lighthouse

Attēls iegūts no Lighthouse audita rezultātiem

Page Speed Insights

Page Speed Insights ir vēl viena iespēja, ko Google mums sniedz, lai iegūtu mūsu vietnes veiktspējas datus. Šis rīks pat parāda mums svarīgāko rādītāju grafikus un to statusu. Page Speed Insights balstās uz lietotāja pieredzes atskaiti, kuras mērķis ir iegūt datus salīdzinājumā ar citām vietnēm.

page speed insight report
page speed insight report

Page Speed Insights piedāvātie rādītāji

Chrome UX

Chrome User Experience Report ir datu kopa, ko Google sniedz par lietotāju uzvedību visā pasaulē caur Chrome. Lai piekļūtu šiem datiem, ir jāizmanto Big Query, kā arī jābūt Google Cloud kontam.

Caur Google Data Studio viņi ir atvieglojuši piekļuvi un ir gandrīz visu mums sagatavojuši šajā informācijas panelī

Chrome Dev Tools

Core Web Vitals rādītājus mēs varam analizēt ne tikai ar Lighthouse; ja iedziļināmies Chrome izstrādātāju rīkos, mēs varam nonākt pie tiem pašiem secinājumiem. Piemēram, cilnē „Performance", ja veicam ierakstu vai jaunu ielādi, mēs varam iegūt vērtīgu informāciju par to, kā uzvedas mūsu URL adrese.

chrome dev tools
chrome dev tools

Ekrānuzņēmums, kas uzņemts Chrome Dev Tools sadaļā „Performance"

Web.Dev

Vienmēr ir vieglāks veids, kā paveikt lietas, vismaz kad runa ir par mūsu Core Web Vitals iepazīšanu. Oficiālajā vietnē mums ir lapa, kurā detalizēti aprakstīts katrs rādītājs un sniegts skaidrojums par to, kas tas ir, kā arī prakses tā uzlabošanai.

Web Dev
Web Dev

Turklāt Chrome veikalā mums ir paplašinājums, kas sniedz mums šo informāciju, ievadot katru URL adresi:

core web vitals extension
core web vitals extension

Ar sarkanu vai zaļu norādi mēs varam redzēt mūsu URL adreses statusu attiecībā uz šiem rādītājiem:

core web vitals extension
core web vitals extension

Web Vitals paplašinājuma sniegto rezultātu ekrānuzņēmums

Search Console

Search Console ir neaizstājams rīks ikvienam tīmekļa pārzinim. Ir pievienota funkcija, kas palīdz mums redzēt, kurām URL adresēm ir problēmas ar šiem 3 rādītājiem (LCP, FID un CLS). Kreisās puses izvēlnē mums ir opcija „Core Web Vitals". Izvēloties šo opciju, parādīsies divi grafiki, kas rāda URL adrešu rezultātus pēc ierīces. Ja izvēlēsimies ierīci (galddators vai mobilais), mēs detalizēti redzēsim, kurām URL adresēm ir problēmas.

search console web vitals
search console web vitals

Neuztraucieties, ja labajā pusē redzat lielu URL adrešu skaitu; tas ir samērā normāli, jo problēmas parasti rodas pa lapu tipiem (piemēram, emuāra ierakstiem), un, strādājot pie viena no tiem, mēs panāksim uzlabojumu visos.

Secinājumi

Šī ceļojuma pa Core Web Vitals mērķis ir iepazīstināt mūs ar rādītājiem, kas arvien vairāk iegūs nozīmi, un mums, vai nu SEO speciālistiem, vai tīmekļa pārziņiem, būs jāsadzīvo ar tiem. No SEO Alive mēs vēlamies ieteikt izmantot visus šos rīkus, ko esam jums nodrošinājuši un kas neapšaubāmi palīdzēs jums uzlabot jūsu vietnes WPO veiktspēju.

*Vai pieņemat izaicinājumu uzlabot savas vietnes ātrumu? Veiciet testu ar jebkuru no mūsu minētajiem rīkiem un atsūtiet mums ziņu ar ekrānuzņēmumu. Mēs jums pilnīgi bez maksas sniegsim padomu, kā to uzlabot! *

Autors: David Kaufmann

David Kaufmann

Pēdējos 10+ gadus esmu pavadījis, pilnībā aizrāvies ar SEO — un, godīgi sakot, es to nevēlētos citādi.

Mana karjera sasniedza jaunu līmeni, kad strādāju par vecāko SEO speciālistu Chess.com — vienā no 100 visapmeklētākajām vietnēm visā internetā. Darbs šādā mērogā, aptverot miljoniem lapu, desmitiem valodu un vienu no konkurētspējīgākajām SERPs, iemācīja man to, ko neviens kurss vai sertifikāts nekad nespētu. Šī pieredze mainīja manu skatījumu uz to, kā patiesībā izskatās izcils SEO — un kļuva par pamatu visam, ko esmu izveidojis kopš tā laika.

No šīs pieredzes es nodibināju SEO Alive — aģentūru zīmoliem, kas nopietni domā par organisko izaugsmi. Mēs neesam šeit, lai pārdotu dashboards un ikmēneša atskaites. Mēs esam šeit, lai veidotu stratēģijas, kas patiešām rada rezultātus, apvienojot labāko no klasiskā SEO ar aizraujošo jauno Generative Engine Optimization (GEO) pasauli — nodrošinot, ka jūsu zīmols parādās ne tikai Google zilajās saitēs, bet arī AI ģenerētajās atbildēs, ko ChatGPT, Perplexity un Google AI Overviews katru dienu piegādā miljoniem cilvēku.

Un tā kā es nevarēju atrast rīku, kas pareizi apstrādātu abas šīs pasaules, es izveidoju to pats — SEOcrawl, enterprise SEO intelligence platformu, kas vienuviet apvieno rankings, tehniskos auditus, backlinks uzraudzību, crawl veselību un AI zīmola redzamības izsekošanu. Tā ir platforma, par kuras esamību es vienmēr biju vēlējies.

→ Lasiet visus David rakstus
Vairāk šī autora rakstu: David Kaufmann

Atklājiet vairāk šī autora satura