Najvažnije ukratko
- Google mjeri korisničko iskustvo trima pokazateljima Core Web Vitals: LCP (učitavanje), INP (odziv) i CLS (vizualna stabilnost).
- Dobro je LCP do 2,5 sekunde, INP do 200 milisekundi, CLS do 0,1, mjereno kod 75 posto stvarnih posjeta.
- INP je u ožujku 2024. zamijenio stariji pokazatelj FID; upute koje još spominju FID zastarjele su.
- Najčešće kočnice na web-stranicama ureda: ogromne fotografije, alati za izradu stranica, slideri, dodaci, vanjski fontovi i skripte za kolačiće.
- Brze stranice pomažu prije svega ljudima; za rangiranje je važnija relevantnost, a brzina odlučuje kod usporedivih stranica.
Ovaj članak je opća informacija, a ne pravno ili porezno savjetovanje u pojedinačnom slučaju. Zakoni, strukovne smjernice i članarine komora se mijenjaju: pojedinosti prije odluke provjerite kod svoje komore, nadležnog tijela ili strukovnog udruženja.
Zašto je vrijeme učitavanja važno za urede
Tko traži ured, obično ima konkretan problem: otkaz, rok porezne uprave, termin kod javnog bilježnika. Mnogi traže u pokretu na pametnom telefonu, često uz nestabilnu mrežu. Spora stranica u tom trenutku djeluje kao zauzeta telefonska linija. Rijetko se vraćaju: nazovu sljedeći ured s popisa.
Za Googleovo rangiranje vrijeme učitavanja samo je jedan od mnogih čimbenika. Google sam kaže da pretraživanje uvijek želi prikazati najrelevantniji sadržaj, čak i kada korisničko iskustvo nije optimalno. Brza stranica s oskudnim sadržajem neće prestići sporu stranicu s izvrsnim vodičem o nasljednom pravu. No ako nekoliko ureda u Vašem gradu ima podjednako dobre stranice, dobro korisničko iskustvo može biti presudno. Važniji razlog ostaje isti: tko ne dočeka stranicu, neće ni nazvati.
Tri Core Web Vitals i njihove granične vrijednosti
Google iskustvo pri učitavanju stranice sažima u tri pokazatelja, Core Web Vitals. Ne ocjenjuje se prosjek, nego 75. percentil: stranica je dobra ako barem tri od četiri stvarna posjeta zadovolje prag. Mobilni i stolni prikaz ocjenjuju se zasebno.
| Pokazatelj | Što mjeri | Dobro | Treba poboljšanje | Loše |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Kada se učitao najveći vidljivi element, najčešće naslovna slika ili naslov | do 2,5 s | do 4 s | više od 4 s |
| INP (Interaction to Next Paint) | Koliko brzo stranica reagira na klikove i dodire, primjerice pri otvaranju izbornika | do 200 ms | do 500 ms | više od 500 ms |
| CLS (Cumulative Layout Shift) | Koliko se sadržaj pomiče tijekom učitavanja | do 0,1 | do 0,25 | više od 0,25 |
INP je u ožujku 2024. zamijenio raniji pokazatelj FID (First Input Delay). FID je mjerio samo kašnjenje prvog unosa, a INP uzima u obzir sve klikove, dodire i unose s tipkovnice tijekom posjeta. Zato web-stranice koje su ranije dobro prolazile danas mogu zaostajati kod INP-a, osobito ako u pozadini radi mnogo skripti.
Mjerenje u PageSpeed Insights i Search Consoleu
Za većinu ureda dovoljna su dva besplatna Googleova alata. Važna je razlika između dviju vrsta podataka: terenski podaci dolaze od stvarnih korisnika Chromea u posljednjih 28 dana, laboratorijski iz simuliranog učitavanja stranice. Za Googleovu ocjenu mjerodavni su terenski podaci, a za traženje grešaka korisni su laboratorijski.
Otvorite PageSpeed Insights
Na pagespeed.web.dev upišite adresu svoje početne stranice, zatim adresu važne podstranice, primjerice stranice o radnom pravu ili obračunu plaća. Najprije provjerite karticu „Mobilni uređaji“.
Pročitajte terenske podatke
Na vrhu piše prolazi li stranica procjenu Core Web Vitals. Ako Vaša web-stranica ima premalo posjeta, PageSpeed Insights prikazuje vrijednosti za cijelu domenu ili uopće ne prikazuje terenske podatke. To je kod manjih ureda normalno i nije greška.
Iskoristite dijagnostiku
Ispod slijedi Lighthouse analiza s konkretnim uputama: prevelike slike, skripte koje blokiraju prikaz, nekorišteni kod. Ocjena od 0 do 100 varira od pokretanja do pokretanja; više pozornosti posvetite pojedinačnim uputama.
Postavite Search Console
Izvješće „Osnovni web-pokazatelji“ u Google Search Consoleu grupira slične stranice i prikazuje mobilni i stolni prikaz zasebno. Nakon ispravka možete pokrenuti provjeru; Google tada 28 dana prati stvarne podatke.
Testirajte na stvarnom uređaju
Otvorite web-stranicu na starijem pametnom telefonu u mobilnoj mreži, a ne samo na uredskom računalu sa svjetlovodnim priključkom. Što je tamo tromo, tromo je i Vašim klijentima.
Tipične kočnice na web-stranicama ureda
Web-stranice ureda obično su pregledne: početna stranica, područja rada, tim, kontakt, impresum. Ipak su mnoge iznenađujuće spore. Uzroci se ponavljaju.
| Uzrok | Tipičan primjer | Pogođeni pokazatelj |
|---|---|---|
| Ogromne fotografije | Timska fotografija izravno iz fotoaparata od 8 MB, u pregledniku smanjena na 600 piksela | LCP |
| Alati za izradu stranica i teške teme | Tema iz alata za izradu učitava kod za desetke funkcija koje nikad ne koristite | LCP, INP |
| Slider na početnoj stranici | Pet velikih slika koje se izmjenjuju i sve se odmah učitavaju | LCP, CLS |
| Mnogo dodataka | Po jedan dodatak za obrazac, galeriju, kartu, animacije i statistiku | INP, LCP |
| Vanjski fontovi | Tri obitelji fontova u šest debljina s tuđeg poslužitelja | LCP, CLS |
| Banner za kolačiće i praćenje | Alat za privolu koji se učitava prije svega ostalog, uz to oglašivačke i analitičke skripte | LCP, INP, CLS |
| Ugrađene karte i videozapisi | Karta Google Maps i YouTube videozapis koji se učitavaju odmah sa stranicom | LCP, INP |
Vanjski fontovi pritom nisu samo problem brzine. Zemaljski sud München I (LG München I) (posl. br. 3 O 17493/20) presudio je 2022. da web-stranica koja bez privole učitava Google Fonts s Googleova poslužitelja i time prosljeđuje IP adrese posjetitelja krši DSGVO (GDPR). Fontovi s vlastitog poslužitelja brži su i izbjegavaju taj problem. Slično je s ugrađenim kartama: slika pregleda s napomenom „Učitaj kartu“ brža je i štedljivija s podacima od karte koja se učitava pri svakom otvaranju stranice.
Što stvarno pomaže
Ovako je ispravno
- Fotografije prije prijenosa svesti na stvarno prikazanu veličinu i isporučivati ih kao WebP ili AVIF
- Za slike navesti širinu i visinu kako bi prostor bio rezerviran tijekom učitavanja
- Slike niže na stranici učitavati tek pri pomicanju, a naslovnu sliku odmah
- Jedna, najviše dvije obitelji fontova, učitane s vlastitog poslužitelja
- Karte i videozapise učitavati tek nakon klika
- Redovito čistiti dodatke i skripte: što nitko ne treba, ide van
Radije ne
- Slider s pet slika kao zaglavlje početne stranice
- Naslovnu sliku učitavati „lazy“, tako da se pojavi posljednja
- Za svaku sitnicu instalirati novi dodatak
- Ugrađivati skripte za praćenje čija izvješća nitko ne gleda
- Pozadinske videozapise u punoj rezoluciji koje na mobitelu nitko ne treba
- Banner za kolačiće koji se nakon učitavanja navuče preko sadržaja i potisne ga
Na web-stranicama ureda naslovna je slika gotovo uvijek najveći element, a time i LCP. Mirna fotografija tima ili prostorija razumne veličine učitava se brzo i govori više od slidera sa stock-slikama vaga i paragrafa. Savjete za dobre fotografije pronaći ćete u vodiču o fotografijama za web-stranicu ureda.
Kod bannera za kolačiće isplati se postaviti temeljno pitanje: trebaju li Vam uopće skripte za koje je potrebna privola? Statistika bez kolačića i bez oglašivačkog praćenja štedi skripte, vrijeme učitavanja i često sam banner. Što vrijedi pravno, opisuje vodič o banneru za kolačiće za urede; kako ipak mjeriti uspjeh web-stranice, prilog Mjerenje uspjeha web-stranice.
Hosting i tehnika
I najbolja se stranica sporo učitava ako poslužitelj dugo odgovara. To vrijeme do prvog bajta (TTFB) nije Core Web Vital, ali je sadržano u svakoj vrijednosti LCP-a. Kao grubu orijentaciju Google navodi TTFB od 0,8 sekundi ili manje. Jeftini paketi dijeljenog hostinga, na kojima stotine web-stranica dijele jedan poslužitelj, to ne postižu uvijek pouzdano.
- Poslužitelj u EU: kratki putovi za Vaše klijente i jednostavnije kod zaštite podataka.
- Predmemoriranje: stranice se isporučuju gotove, umjesto da se pri svakom pozivu iznova slažu iz baze podataka.
- Suvremeni protokoli i kompresija: HTTP/2 ili HTTP/3 i komprimirani prijenos danas su standard, ali kod starijih paketa nisu uvijek uključeni.
- Statične stranice: web-stranica ureda rijetko se mijenja. Unaprijed generirane stranice brze su, sigurne i gotovo ne trebaju održavanje.
- Ažuriranja: zastarjeli sustavi i dodaci nisu samo spori nego i sigurnosni rizik, osobito za zanimanja s obvezom čuvanja tajne.
Kontrolni popis za brzu web-stranicu ureda
Sami provjerite za sat vremena
- Početna stranica i dvije važne podstranice testirane u PageSpeed Insights za mobilne uređaje
- Naslovna slika manja od otprilike 200 KB i u modernom formatu
- Bez slidera i bez videozapisa s automatskom reprodukcijom u zaglavlju
- Fontovi s vlastitog poslužitelja, najviše dvije obitelji
- Karta i videozapisi tek nakon klika
- Popis svih dodataka i vanjskih skripti pregledan, nepotrebno uklonjeno
- Izvješće Core Web Vitals u Search Consoleu postavljeno
- Web-stranica otvorena na starijem pametnom telefonu u mobilnoj mreži
Ako je web-stranica u osnovi izgrađena na teškom alatu za izradu, mnoge se od ovih točaka mogu otkloniti samo djelomično. Tada nova izrada može biti jeftinija od stalnog krpanja; na što pritom paziti, opisuje vodič o redizajnu web-stranice. Koliko stoji vitka web-stranica ureda, pokazuje prilog Troškovi web-stranice ureda. A budući da većina posjeta dolazi s pametnih telefona, isplati se pogledati i vodič o mobilnoj web-stranici ureda.
Web-stranica ureda koja je odmah tu
Naše web-stranice za urede izrađene su vitko: optimizirane slike, fontovi s vlastitog poslužitelja, bez slidera, bez zbirke dodataka i sa statistikom bez kolačića. Zatražite besplatan pregled i sami ga testirajte u PageSpeed Insights.
Neobvezujući pregled kako bi web-stranica Vašeg ureda mogla izgledati kod nas.
Izvori
- Google Search Central – Core Web Vitals i Googleovi rezultati pretraživanja
- Google Search Central – Korisničko iskustvo stranice u Google pretraživanju
- Google – Izvješće o osnovnim web-pokazateljima u Search Consoleu
- Google – O alatu PageSpeed Insights
- web.dev – Web Vitals
- web.dev – Interaction to Next Paint postaje Core Web Vital
- web.dev – Time to First Byte (TTFB)
- LG München I, presuda od 20.01.2022., posl. br. 3 O 17493/20 (Google Fonts)
