Core Web Vitals

Core Web Vitals (CWV) su set metrika kojima Google mjeri kako stvarni korisnici doživljavaju vašu stranicu: koliko brzo se učita, koliko brzo reaguje na dodir i koliko se sadržaj pomjera dok se slaže. Od 2021. godine ulaze u faktore rangiranja, uz sve ostalo što Google gleda.

Njihova prava cijena ipak nije u pozicijama. Sporu stranicu ljudi napuste prije nego što išta pročitaju, bez obzira na to koliko dobro rangira. Za firmu koja plaća oglase to znači plaćene klikove bez rezultata, a za web trgovinu narudžbe koje su bile na korak od potvrde.

Tri metrike, običnim jezikom

• LCP (Largest Contentful Paint): za koliko sekundi se učita najveći vidljivi element, obično glavna slika ili naslov. Dobro je ispod 2.5 sekunde, loše iznad 4.
• INP (Interaction to Next Paint): koliko brzo stranica odgovori kad korisnik klikne dugme ili otvori meni. Dobro je ispod 200 milisekundi, loše iznad 500. U praksi ovo najčešće ne prolazi.
• CLS (Cumulative Layout Shift): koliko sadržaj skače tokom učitavanja, ono kad krenete kliknuti a dugme pobjegne jer se iznad ubacila slika ili baner. Dobro je ispod 0.1.

Svaka od tri metrike opisuje drugu vrstu nervoze. LCP je čekanje, INP je osjećaj da stranica ne reaguje, CLS je promašen klik. Korisnik ne zna nazive, ali sva tri osjeti.

Mjeri se na stvarnim ljudima

Ključni detalj koji mnogi previde: Google ove metrike ne uzima iz laboratorijskog testa nego iz stvarnih posjeta vašoj stranici, prikupljenih kroz Chrome. Prag prolaska je da tri četvrtine posjeta ima dobro iskustvo na sve tri metrike.

Zato stranica može izgledati brzo na vašem računaru u kancelariji, a padati kod kupaca koji je otvaraju na starijem telefonu i slabijoj mreži. Sudi se po njihovom iskustvu, ne po vašem, i to je najčešći uzrok nesporazuma kad klijent kaže da se njemu stranica otvara odmah.

Manje stranice ponekad nemaju dovoljno posjeta da bi Google prikupio podatke, pa izvještaj ostane prazan. Tada se radi po laboratorijskom rezultatu i zdravoj logici, jer činjenica da mjerenja nema ne znači da je stranica brza.

Zašto ovo košta i mimo SEO-a

Prije nego što Google išta presudi, presudi posjetilac. Čekanje od nekoliko sekundi na mobilnoj mreži otjera dio ljudi prije nego što se pojavi prvi red teksta, a to se u analitici vidi kao visok bounce rate bez ijednog drugog objašnjenja.

Za web trgovinu svaka sekunda čekanja u checkoutu znači narudžbe koje se ne dovrše. Kupac koji je već unio podatke i zapne na koraku plaćanja rijetko se vraća drugi put. Za firmu koja plaća oglase, spor sajt znači plaćene klikove koji odustanu prije konverzije.

Brzina utiče i na povjerenje. Stranica koja se trza, na kojoj sadržaj poskakuje i dugmad bježe, ostavlja utisak neozbiljnosti prije nego što je iko pročitao ijednu rečenicu o vašoj firmi.

Šta najčešće uspori stranicu

Kod stranica koje gledamo u BiH krivci se ponavljaju. Jeftin dijeljeni hosting sa sporim odzivom servera povlači sve ostalo za sobom, jer se prije bilo kakvog prikaza čeka odgovor s druge strane.

Fotografije od nekoliko megabajta ubačene pravo iz telefona ubijaju LCP. WordPress s dvadeset pluginova, od kojih pola niko ne koristi, guši INP jer se svaki od njih učitava u istoj sekundi. Baneri, chat widgeti i kodovi za praćenje koji stižu naknadno guraju sadržaj i kvare CLS.

Redoslijed popravki obično ide istim redom: hosting, slike, skripte. Tim redom se najveći dobitak dobija za najmanje uloženog vremena, a svaki sljedeći korak je skuplji od prethodnog.

Kako izgleda sređivanje u praksi

Prvo se snimi stanje u PageSpeed Insightsu i Search Consoleu, i to po tipovima stranica. Početna, stranica usluge i blog članak često imaju sasvim različite probleme, pa jedan test na početnoj ne govori ništa o ostatku sajta.

Zatim se popravlja ono što nosi najviše: kompresija i moderni format slika, uklanjanje viška skripti, keširanje, eventualno seljenje na bolji hosting. Tek nakon toga se ide u sitnije zahvate poput odgađanja fontova i čišćenja CSS-a.

Nakon izmjena treba strpljenja. Podaci stvarnih korisnika se osvježavaju kroz period od dvadeset osam dana, pa se efekat ne vidi sutra. Ako u međuvremenu napravite još pet izmjena, nećete znati koja je pomogla, a koja odmogla.

Koliko brzina utiče na oglase

Google Ads ocjenjuje iskustvo na odredišnoj stranici kao dio Quality Scorea, a spora stranica tu ocjenu vuče nadolje. Posljedica je da za istu poziciju plaćate više nego konkurent s bržom stranicom, i to svakog dana dok kampanja radi.

Drugi dio računa je jednostavniji. Klik je plaćen, korisnik je došao i otišao prije nego što je stranica bila upotrebljiva. Nijedan tekst oglasa i nijedno ciljanje to ne mogu nadoknaditi, pa je brzina landing stranice preduslov za sve ostalo u kampanji.

Zbog toga se prije pokretanja veće kampanje isplati izmjeriti baš onu stranicu na koju oglasi vode, a ne početnu. Stranice napravljene za kampanje često nose dodatne skripte za praćenje i mjerenje, pa se dogodi da su sporije od ostatka sajta upravo tamo gdje se troši budžet.

Greške koje najčešće viđamo

Najčešća je jurnjava za rezultatom sto u PageSpeed Insightsu. Firma plati sedmice rada da bi laboratorijski broj bio zelen, a stvarni korisnici ne osjete razliku jer je usko grlo bilo negdje drugdje. Gledajte podatke stvarnih posjeta i tri metrike, ne ocjenu.

Druga je testiranje samo početne stranice. Promet najčešće dolazi na stranice usluga, proizvoda i članaka, koje imaju drugačiji sadržaj i druge skripte. Prolazna početna uz spore podstranice je česta kombinacija.

Treća je gomilanje pluginova kao rješenja za brzinu. Instalira se plugin za keširanje, pa još jedan za optimizaciju slika, pa treći za čišćenje koda, i međusobno se sukobe. Manje alata koji su ispravno podešeni radi bolje od pet koji se preklapaju.

Četvrta je ubacivanje slika u punoj rezoluciji jer tako izgledaju bolje. Ekran telefona ne može prikazati više nego što ima piksela, pa se višak podataka prenosi bez ijedne koristi. Smanjivanje prije uploada je posao od minute po slici.

Peta je zaboravljanje rezervisanog prostora za elemente koji se učitavaju kasnije. Slika bez zadatih dimenzija, baner za kolačiće i oglasni blok guraju sadržaj nadolje i kvare CLS. Rješenje je da se prostor zauzme unaprijed, prije nego što sadržaj stigne.

Šesta je popravka bez ponovnog mjerenja. Izmjene se naprave, faktura se plati i niko se nakon mjesec dana ne vrati da provjeri je li se stanje u Search Consoleu zaista promijenilo. Bez te provjere ne znate jeste li kupili rješenje ili osjećaj.

Sedma je mjerenje samo na kancelarijskom internetu. Stranica koja se na kablovskoj vezi otvara trenutno zna biti neupotrebljiva na mobilnoj mreži izvan grada. Test na telefonu, s isključenim wifijem, pokaže ono što vaši kupci zaista dožive.

Lista za provjeru

Ovih osam pitanja daju pošteniju sliku od bilo kojeg pojedinačnog testa.

• Prolaze li vam sve tri metrike u Search Consoleu, a ne samo jedna od njih?
• Testirali ste li početnu, stranicu usluge i stranicu proizvoda odvojeno?
• Otvarate li stranicu povremeno na starijem telefonu i na mobilnoj mreži?
• Jesu li sve slike smanjene i spremljene u modernom formatu prije objave?
• Znate li koliko pluginova i vanjskih skripti se učitava na vašoj najvažnijoj stranici?
• Imaju li slike i baneri zadate dimenzije, da sadržaj ne skače tokom učitavanja?
• Koliko je vrijeme odziva vašeg servera i kad ste zadnji put mijenjali hosting?
• Postoji li dogovoren termin da se stanje ponovo izmjeri mjesec dana nakon popravke?

Veza s ostatkom SEO-a

Core Web Vitals su dio tehničkog temelja na kojem stoji sve ostalo. Crawling ide brže na bržem serveru, korisnički signali su bolji, a organski promet koji ste doveli zaista dočeka upotrebljivu stranicu umjesto praznog ekrana.

Brzina pri tome ne zamjenjuje sadržaj. Stranica bez odgovora na ono što korisnik traži neće rangirati ni ako se učita trenutno. Ispravan redoslijed je da tehnika ne bude prepreka, a da se energija onda troši na tekstove, ponudu i autoritet.

Ako stranicu tek pravite, jeftinije je brzinu ugraditi od početka nego je naknadno spašavati. To je jedan od razloga zašto pri izradi web stranica performanse tretiramo kao obavezan dio posla, a ne kao doplatnu stavku u ponudi.