Koristne informacije ...

Kako pospešiti stran brez izgube funkcionalnosti

Obiskovalec ne čaka, da se vaša spletna stran odloči prikazati prvo fotografijo, cenik ali gumb za oddajo povpraševanja. Če se stran nalaga počasi, bo pogosto že na poti h კონკurenci, še preden boste imeli priložnost predstaviti svojo ponudbo. Vprašanje, kako pospešiti stran, zato ni le tehnično. Neposredno vpliva na število povpraševanj, prodajo, vidnost v iskalnikih in vtis o vašem podjetju.

Hitrost ni ena sama številka. Spletna stran je lahko na videz hitro odprta na zmogljivem računalniku v pisarni, na telefonu uporabnika s slabšim mobilnim signalom pa se zatika pri vsakem kliku. Dobra optimizacija zato ne pomeni, da odstranimo vse elemente in stran spremenimo v golo besedilo. Pomeni, da uporabnik najprej dobi tisto, zaradi česar je prišel, preostala vsebina pa ga ne ovira.

Kako pospešiti stran tam, kjer uporabniki to občutijo

Prvi korak ni naključno nameščanje dodatkov ali stiskanje vseh datotek. Najprej je treba ugotoviti, kaj obiskovalca dejansko čaka. Pri hitrosti običajno spremljamo tri ključne trenutke: kako hitro se prikaže osrednja vsebina strani, kako hitro se stran odzove na klik ter ali se elementi med nalaganjem neprijetno premikajo.

Če se naslov, glavna fotografija ali produkt prikaže šele po nekaj sekundah, uporabnik dobi občutek počasnosti, tudi če se ostali deli naložijo kasneje brez težav. Če klik na filter v trgovini ali gumb »Dodaj v košarico« ne da takojšnjega odziva, se občutek nezanesljivosti še okrepi. Premikanje vsebine med branjem pa hitro povzroči napačne klike in frustracijo.

Pri analizi je smiselno ločiti med domačo stranjo, pristajalnimi stranmi iz oglasov, kategorijami izdelkov in blagajno. Te strani imajo različne naloge in pogosto tudi različne težave. Trgovina s pet tisoč izdelki ne potrebuje povsem enakega pristopa kot predstavitvena stran arhitekturnega biroja ali aplikacija za naročanje storitev.

Največja fotografija je pogosto tudi največja težava

Vizualno močna spletna stran potrebuje kakovostne fotografije, vendar fotografija, izvožena neposredno iz fotoaparata, ni primerna za splet. Datoteka z več megabajti lahko na mobilnem omrežju podaljša nalaganje strani za več sekund. To je posebej problematično pri velikih uvodnih pasicah, galerijah, portfeljih in produktnih straneh.

Rešitev ni v tem, da slike postanejo neostre. Potrebna je pravilna priprava: ustrezne mere, sodoben format, premišljena stopnja stiskanja in različice za različne velikosti zaslonov. Telefon ne potrebuje enake datoteke kot velik namizni monitor. Slike pod prvim zaslonom se lahko naložijo šele takrat, ko se jim uporabnik približa, medtem ko mora biti ključna uvodna slika dostopna takoj.

Pomemben je tudi dizajn. Če je za lep prvi vtis potrebnih pet velikih prekrivajočih se fotografij, video v ozadju in več animiranih elementov, problem ni več samo v optimizaciji datotek. Treba je preveriti, ali vsi ti elementi res prispevajo k odločitvi uporabnika. Dober dizajn vodi pogled, ne tekmuje za pozornost.

Koda, dodatki in skripte tretjih ponudnikov

Veliko strani se sčasoma upočasni zaradi majhnih odločitev, ki se kopičijo. Dodatek za obrazec, dodatek za drsnik, dodatek za pojavno okno, dodatek za statistiko in še skripta za klepet. Vsak sam zase se zdi neškodljiv. Skupaj lahko pomenijo več zahtevkov, več kode in daljši čas do odzivne strani.

Posebno pozornost zahtevajo skripte tretjih ponudnikov: oglaševalske oznake, merjenje vedenja, vdelani videi, zemljevidi, spletni klepeti in sistemi za soglasja piškotkov. Nekatere so poslovno upravičene. Pri drugih se pogosto izkaže, da jih nihče več aktivno ne uporablja, vendar še vedno nalagajo stran vsakemu obiskovalcu.

Cilj ni odstraniti meritev ali marketinških orodij na pamet. Najprej je treba preveriti, katere podatke res uporabljate za odločanje. Nato se skripte naložijo tako, da ne blokirajo ključne vsebine, ali pa se aktivirajo šele ob uporabnikovi interakciji. Zemljevid na kontaktni strani na primer ni nujno potreben v prvi sekundi nalaganja.

Pri generičnih predpripravljenih platformah je ta del pogosto omejen, saj spletno mesto podeduje veliko kode, ki je ne potrebuje. Rešitev po meri omogoča, da je tehnična osnova zgrajena okoli dejanskih funkcij podjetja. To ne pomeni, da je vsaka stran po meri samodejno hitra. Pomeni pa, da ima razvojna ekipa bistveno več nadzora nad tem, kaj se nalaga in zakaj.

Strežnik in gostovanje določata spodnjo mejo hitrosti

Tudi popolno optimizirane slike ne pomagajo veliko, če strežnik dolgo razmišlja, preden pošlje prvi odgovor. To se pogosto pokaže pri počasnih administrativnih sistemih, neoptimiziranih bazah podatkov, zastarelih različicah programske opreme ali gostovanju, kjer si preveč spletnih strani deli premalo virov.

Kakovostno gostovanje ni samo prostor za datoteke. Vpliva na odzivni čas, varnostne kopije, posodobitve, zaščito pred napadi in stabilnost ob večjem obisku. Za podjetje, ki pridobiva povpraševanja ali prodaja prek spleta, izpad oziroma počasnost v času kampanje nista manjša tehnična nevšečnost. Sta neposredna poslovna izguba.

Predpomnjenje je pri tem eden najbolj učinkovitih ukrepov. Namesto da strežnik za vsakega obiskovalca znova sestavlja enako stran, lahko pripravljeno različico začasno postreže takoj. Pri dinamičnih delih, kot so prijava uporabnika, zaloga izdelkov ali nakupovalna košarica, je potreben bolj previden pristop. Če predpomnjenje nastavite napačno, lahko kupec vidi zastarele podatke ali celo vsebino drugega uporabnika.

Za obiskovalce, ki dostopajo z različnih trgov in celin, je smiselna tudi porazdelitev statičnih datotek prek omrežja strežnikov na več lokacijah. Tako slike, slogi in skripte potujejo krajšo pot do uporabnika. To je posebej relevantno za podjetja, ki ciljajo ameriški trg, medtem ko je osnovna infrastruktura postavljena v Evropi.

Mobilna hitrost ni pomanjšana namizna hitrost

Večina poslovnih odločitev se lahko začne na telefonu: nekdo opazi oglas, preveri reference, poišče telefonsko številko ali odda hitro povpraševanje med sestankom. Če je mobilna izvedba le skrčena različica kompleksne namizne strani, bodo težave hitro vidne.

Na telefonu štejejo jasna hierarhija, dovolj veliki gumbi, berljivo besedilo in manj nepotrebnega prenosa podatkov. Uvodni video, ki je na namizju lahko učinkovita predstavitev, ima na mobilni različici pogosto slabše razmerje med učinkom in ceno. Porabi podatke, podaljša nalaganje in lahko prekrije glavno sporočilo.

Enako velja za animacije. Zmerna animacija lahko uporabniku pokaže, da je klik uspel ali kam se je premaknil element. Dolge, zapletene animacije pa lahko obremenijo napravo in zamaknejo odzivnost. Estetika in hitrost nista nasprotnika, kadar sta oblikovanje in razvoj usklajena že od začetka.

Vrstni red ukrepov, ki prinese rezultat

Največja napaka je obravnavanje optimizacije kot enkratnega opravila. Spletna stran se spreminja: dodajate izdelke, objave, fotografije, kampanje, integracije in uporabniške funkcije. Vsaka sprememba lahko vpliva na hitrost.

Zato se lotite dela po prioritetah. Najprej odpravite težave na straneh z največ prometa ali največjo poslovno vrednostjo. Nato zmanjšajte največje datoteke, uredite nalaganje slik in preverite odvečne skripte. Šele potem se posvetite drobnim tehničnim izboljšavam, ki imajo manjši učinek. Tako ne porabite tednov za izboljšavo, ki je uporabnik skoraj ne opazi.

Pri spletni trgovini se pogosto največ pozornosti posveti naslovnici, čeprav izgube nastajajo na kategorijah, produktnih straneh in pri zaključku nakupa. Pri storitvenem podjetju je lahko ključna pristajalna stran iz oglasne kampanje, kjer vsaka dodatna sekunda pomeni dražje pridobljeno povpraševanje. Meritve naj zato spremljajo pot uporabnika, ne le splošne ocene hitrosti.

Moxy Web pri razvoju hitrost razume kot del celotne izvedbe: od strukture vsebine in dizajna do kode, gostovanja ter dolgoročnega vzdrževanja. To je pomembno zato, ker en sam ukrep redko odpravi težavo, medtem ko usklajene odločitve ustvarijo stran, ki je hitra tudi po tem, ko jo začnete aktivno uporabljati.

Najboljša spletna stran ni tista, ki na testu doseže popolno številko in pri tem odstrani vse, kar podpira prodajo. Je tista, ki uporabniku hitro in jasno pokaže naslednji smiseln korak - ter ga brez čakanja pripelje do povpraševanja, nakupa ali stika z vašo ekipo.