Brzina se ne procjenjuje osjećajem nego mjeri, besplatno i u minuti. Što znače tri Googleove mjere, gdje se vrijeme stvarno gubi i koliko toga se da popraviti bez nove stranice.
Vaša stranica vama je uvijek brza. Otvarali ste je stotinu puta, sve je u memoriji preglednika, i sjedite na wi-fiju.
Kupac je otvara prvi put, na mobitelu, u autu, na mreži koja ide kako ide. To je jedini test koji vrijedi, i on se ne procjenjuje nego mjeri.
Kako izmjeriti, besplatno i u minuti
Otvorite PageSpeed Insights, upišite adresu i pričekajte pola minute. Gledajte rezultat za mobitel, ne za računalo. Na mobitelu je promet, i ondje je uvijek gore.
Ako gore piše da postoje podaci stvarnih korisnika, to je najvažniji dio izvještaja: ne procjena nego mjerenja s pravih uređaja ljudi koji su bili na vašoj stranici.
Drugi test traje deset sekundi i nije tehnički: uzmite mobitel, isključite wi-fi i otvorite svoju stranicu. Brojite. Sve preko tri sekunde do prvog čitljivog sadržaja je problem koji stoji novca.
Tri mjere, na hrvatskom
Google gleda tri stvari i sve tri imaju ružna imena.
LCP, kad se pojavi glavni sadržaj. Vrijeme do trenutka kad se vidi najveći element, u pravilu naslov ili glavna slika. Dobro je ispod 2,5 sekunde.
CLS, koliko sadržaj poskakuje. Kad krenete čitati, pa se učita slika iznad teksta i sve odskoči prema dolje. Ili, gore, kliknete gumb koji se u zadnji čas pomaknuo. Rješenje je jednostavno i često izostane: svaka slika mora imati upisanu širinu i visinu, da preglednik unaprijed zna koliko mjesta ostaviti.
INP, koliko brzo stranica odgovori na dodir. Otvarate izbornik, ništa se ne dogodi, pritisnete opet. To je stranica koja je zauzeta izvršavanjem skripti umjesto da vas sluša.
Gdje se vrijeme najčešće gubi
Po redu koliko koštaju, od najskupljeg:
Fotografije ravno iz mobitela. Slika od 4 MB na naslovnici je najčešći pojedinačni uzrok. Ista slika pripremljena za web ima 150 kB i izgleda jednako.
Dodaci koje nitko nije tražio. Na WordPressu se skupe klizači, animacije, brojači posjeta i tri sustava za kolačiće. Svaki dovuče svoj kod na svakoj stranici.
Fontovi s tuđih poslužitelja. Dva fonta po četiri debljine su osam datoteka prije nego se ispiše ijedno slovo.
Chat, karte i videi ugrađeni odmah. Ugrađena Google karta i YouTube video na naslovnici učitaju cijeli svoj sustav i prije nego ih itko pogleda.
Hosting koji dijeli poslužitelj s dvjesto drugih stranica. Prepoznaje se po tome što je stranica ponekad brza, a ponekad nije, bez ikakvog obrasca.
Koliko se da popraviti bez nove stranice
Dosta, i to je poštena vijest.
Kompresija slika, micanje dodataka koji se ne koriste, odgoda učitavanja karte i videa, i lokalno posluživanje fontova u pravilu daju najveći dio napretka na postojećoj stranici. To je posao od nekoliko sati.
Ono što se time ne popravlja je sam temelj: sustav koji za svaki posjet sastavlja stranicu iz baze uvijek će biti sporiji od stranice koja je unaprijed gotova. Naše stranice zato nemaju poslužitelj koji radi u pozadini, i to je ista odluka zbog koje hosting košta nula eura mjesečno.
Brojka s vlastitog weba
Da ne ostane na teoriji. Naš vlastiti web bio je WordPress: naslovnica se otvarala oko 5 sekundi, a najteža podstranica oko 20. Nakon prelaska na statičnu izvedbu naslovnica je ispod sekunde, a ona ista podstranica oko sekunde i pol.
Cijeli slučaj, sa svime što je usput ispalo, zapisan je ovdje.
Što tražiti od izvođača
Ne tražite “da bude brzo”. To ne znači ništa i svatko će reći da hoće.
Tražite: rezultat PageSpeed Insightsa za mobitel nakon isporuke, i mjeru LCP ispod 2,5 sekunde. To je provjerljivo, traje minutu i ne da se izgovoriti.
Ako želite da vam izmjerimo trenutnu stranicu, pošaljite adresu. Vratit ćemo brojke i popis onoga što ih obara, bez obveze i bez ponude ako se ne traži. Kako izgleda izrada web stranice za obrt ili malu tvrtku kod nas, opisali smo na zasebnoj stranici.