Core web vitals test by Google

Googleov Core Web Vitals test: Provjerite vašu stranicu s ovih 5 besplatnih alata

Core Web Vitals je set specifičnih faktora koje Google smatra važnim za ukupno korisničko iskustvo na određenoj web stranici.

Core Web Vitals sastoje se od tri mjerila koja se odnose na brzinu stranice i interakciju s korisnicima: performanse, responzivnost i vizualna stabilnost

 

core web vitals-metrike

izvor: https://web.dev/vitals/

 

 

  1. LCP -largest contentful paint – performanse

 

LCP mjeri koliko najvećem elementu sadržaja (npr. glavnoj fotografiji ili headingu) treba da se pokaže korisniku.

Za dobro iskustvo, ciljajte na LCP od 1.2 sekunde i manje.

 

  1. TBT- time to first byte ili FID -first input delay – responzivnost

TBT govori koliko vremena skripte blokiraju tijekom procesa učitavanja stranice

Za dobro iskustvo, ciljajte na TBT od 150 milisekunde i manje.

 

  1. CLS – cumulative layout shift – vizualna stabilnost

CLS pokazuje koliko promjena u layoutu korisnik iskusi dok se stranica učitava.

Za dobro iskustvo, ciljajte na CLS rezultat 0.1 ili manje

 

Što je Core Web Vitals- rezultati

Loš i dobar primjer

core web vitals-zeleno

Ova tri mjerila su glavni stupovi Googleovog updatea iz lipnja 2021. godine koja će sigurno utjecati  i na ranking vaših stranica među rezultatima pretrage.

 

Kako izmjeriti prolazi li vaša stranica Core Web Vitals?

 

Core Web Vitals može se izmjeriti pomoću nekoliko Googleovih alata:

 

1. Search Console

 

Svi koji se bave SEO-om znaju da je Googleova search consola jedan od boljih besplatnih alata kojima se možete poslužiti da izmjerite i provjerite čitav niz stvari (npr. organske ključne riječi pomoću kojih korisnici dolaze na vašu web stranicu), a od nedavno se putem search console mogu izmjeriti i Core Web Vitals.

 

chrome web vitals-search consola

 

2. PageSpeed podaci

 

Googleova stranica za mjerenje brzine stranice koristi Lighthouse 6.0, pomoću čega mjeri prolazi li vaša stranica Core Web Vitals test. S plavom trakicom označeno je prolazi li stranica test ili ne.

Page sceepd insights- rezultati

Što je Lighthouse?

Lighthouse je open-source inicijativa koja dijagnosticira stranice temeljem podataka, a koriste ga različiti alati koji mjere performanse web stranica(PageSpeed Insights, Web.dev Measure, GTmetrix, ContentKing itd).

Ovo je primjer GTMetrix testa koji koristi Lighthouse:

 

GTmetrix- web core vitals test

 

 

3. Chrome DevTools

 

Prolazi li vaša stranica test možete provjeriti i pomoću ChromeDevToolsa

 

chrome devltools-core web vitals test

 

4. Chrome UX Report

 

Izvještaj o korisničkom iskustvu ili Chrome User Experience Report (skraćeno CrUX) dat će vam uvid u metrike korisničkog iskustva onako kako u realnom vremenu korisnici mogu iskustiti vašu web stranicu.

 

CrUX reportu možete pristupiti na ovom linku ili putem Data Studio vizualizacijskog alata.

Za start otiđite na g.co/chromeuxdash.

CruX korak 1

 

Koristite li ga prvi put, morat ćete poklikati par dozvola te ćete dobiti ovakav prikazi. Ne raite ništa osim klika na Create report.

 

Crux korak 2

Ovako izgleda izvještaj:

 

crux korak 3

 

 

5. Web Vitals

Preuzmite ekstenziju Web Vitals u Chrome web trgovini i jednostavno izmjerite Core Web Vitals.

  • učitajte stranicu koju želite izmjeriti
  • kliknite na ekstenziju u gornjem desnom kutu
  • pojavit će vam se ekran s testom

core web vitals chrome store

 

Kako početi optimizirati web stranicu da prođe Core Web vitals test otkrit ću vam u sljedećem blogu.

Ako vam treba pomoć oko optimizacije web stranice, javite se na [email protected]!

(Imajte na umu da ljetna pauza kada ne radim traje od 20.srpnja do 20. kolovoza)

 

Ako ti se sviđa članak, podijeli ga drugima!

Najnoviji članci