Izboljšanje uspešnosti spletne trgovine

Vaša spletna trgovina je sestavljena iz nabora funkcij, kot so koda teme, aplikacije, slike, videoposnetki, vrtiljaki, viri družbenih omrežij in analitika. Te funkcije lahko izboljšajo izkušnjo obiskovalcev in razširijo zmožnosti vašega spletnega mesta.

Vendar pa lahko vsaka funkcija, ki jo dodate v svojo spletno trgovino, vpliva na uspešnost vaše trgovine. Nekatere funkcije lahko upočasnijo vaše spletno mesto ali povzročijo nepričakovano vedenje, ki lahko vpliva na uporabniško izkušnjo.

Spletna uspešnost se osredotoča na optimizacijo uporabniške izkušnje. Trenutno se spletna uspešnost osredotoča na tri glavna področja, ki se odražajo tudi v meritvah Core Web Vitals:

Hitrost nalaganja, merjena z metriko Največji vsebinski prikaz (LCP)
Stabilnost postavitve, merjena z metriko Kumulativni premik postavitve (CLS)
Odzivnost na interakcijo uporabnika, merjena z metriko Interakcija do naslednjega prikaza (INP)

Optimizacija spletne uspešnosti pomeni, da je večja verjetnost, da bodo stranke ostale na vašem spletnem mestu in opravile konverzijo.

Na tej strani

Optimizacije za vašo spletno trgovino

Vaša spletna trgovina ima vgrajeno spletno optimizacijo. Spletna optimizacija je vgrajena tudi v vse nove funkcije. Za izkoriščanje naslednjih funkcij vam ni treba storiti ničesar posebnega:

Vaša spletna trgovina gostuje na hitrih, globalnih strežnikih in ne omejuje pasovne širine vaše trgovine. Stanje svoje trgovine Shopify lahko preverite na spletnem mestu Shopify Status.
Vaša spletna trgovina ima omrežje za dostavo vsebine (CDN), ki ga upravlja Cloudflare in zagotavlja hitro nalaganje vaše spletne trgovine po vsem svetu. Stanje omrežja CDN lahko preverite na strani stanja storitve Cloudflare.
Za hitro nalaganje so slike samodejno optimizirane z uporabo omrežja CDN za slike. V kombinaciji s kodo vaše teme lahko omrežje CDN za slike zagotovi najboljši format slike, ki ima hkrati prilagojeno velikost in je stisnjen, da velikost datotek ostane majhna.

Dejavniki, ki vplivajo na spletno uspešnost

Za trgovine Shopify na spletno uspešnost najbolj vplivajo naslednji dejavniki:

Tema vaše spletne trgovine
Nameščene aplikacije
Vsa dodatna koda zunanjih izvajalcev, ki ste jo ročno dodali v svojo trgovino, vključno z upravitelji oznak in oznakami v njih

To pomeni, da se morate za izboljšanje svoje spletne uspešnosti osredotočiti na naslednje:

Uporabljajte posodobljeno, optimizirano temo. Vse teme iz družine Horizon in teme Online Store 2.0, ki jih ponuja Shopify, so brezplačne in optimizirane za spletno uspešnost. Poleg tega so za spletno uspešnost optimizirane tudi številne druge teme zunanjih izvajalcev. Ogledate si lahko najnovejše podatke o uspešnosti tem.
Če vaša tema ponuja prehode med stranmi ali druge animacije, primerjajte svojo spletno uspešnost pred njihovo aktivacijo in po njej. Animacije lahko upočasnijo strani.
Izogibajte se dodajanju prevelikega števila razdelkov v predloge strani v svoji temi. Veliko število razdelkov na straneh lahko zmanjša spletno uspešnost.
Če imate zbirke z velikim številom izdelkov, razmislite o aktivaciji oštevilčenja strani, da omejite število izdelkov, ki se naložijo naenkrat.
Ocenite nameščene aplikacije in kodo zunanjih izvajalcev ter se prepričajte, da ustvarjajo dovolj vrednosti, da odtehtajo morebitne izgube uspešnosti.
Preglejte upravitelja oznak, da odstranite vse neuporabljene oznake ali oznake z nizko vrednostjo. Več informacij o najboljših praksah za oznake in upravitelje oznak.

Orodja za preizkušanje

Za raziskovanje uspešnosti svoje spletne trgovine lahko uporabite naslednja orodja:

Poročila o spletni uspešnosti: Poročila o spletni uspešnosti storitve Shopify uporabljajo meritve Core Web Vitals za merjenje, kako resnični uporabniki doživljajo vašo spletno trgovino.
PageSpeed Insights: Z Googlovim orodjem PageSpeed Insights lahko ustvarite lastna poročila za ogled podrobnejših metrik za strani v svoji trgovini.

Razumevanje priporočil zunanjih izvajalcev glede uspešnosti

Orodja zunanjih izvajalcev za pregledovanje uspešnosti lahko predlagajo spremembe za izboljšanje hitrosti vaše trgovine. Vendar pa je veliko teh priporočil že implementiranih v storitvi Shopify ali pa ne veljajo za trgovine Shopify.

Optimizacije, ki so že vključene v storitev Shopify

Vaša trgovina Shopify samodejno vključuje naslednje optimizacije uspešnosti:

Omrežje za dostavo vsebine (CDN): Shopify ponuja vrhunsko omrežje CDN brez dodatnih stroškov, kar zagotavlja hitro globalno uspešnost. Vsa sredstva so posredovana z uporabo protokola HTTP/2, kar zmanjšuje obremenitev v primerjavi s starejšimi protokoli.

Predpomnjenje brskalnika: Shopify nastavi predpomnjenje brskalnika za vire, ki jih je mogoče predpomniti, na eno leto, kar je najdaljše možno trajanje. To pomeni, da bodo obiskovalci, ki se vračajo v vašo trgovino, imeli hitrejše čase nalaganja.

Kompresija gzip: Shopify uporablja kompresijo gzip pri seznamih slogov (CSS), skriptih JavaScript, dokumentih in straneh, da zmanjša pasovno širino in izboljša čase nalaganja. Omogočena je tudi funkcija Keep-alive za pridobivanje več datotek.

Optimizacija slik: Shopify samodejno stisne slike JPG s pomočjo naprednih algoritmov in tako uravnoteži kompresijo ter vizualno privlačnost. Slike so pogosto prikazane v formatu WebP za boljšo kompresijo in hitrejše nalaganje.

Minifikacija datotek: Shopify samodejno minificira datoteke s seznami slogov (CSS) in skripti JavaScript, ko jih zahteva vaša domača stran trgovine, kar zmanjša velikost datotek, ne da bi to vplivalo na funkcionalnost.

Kdaj priporočila zunanjih izvajalcev ne veljajo

Orodja zunanjih izvajalcev za pregledovanje lahko predlagajo spremembe, ki za trgovine Shopify niso ustrezne:

Konfiguracije na ravni strežnika: Priporočila glede nastavitve strežnika, glav HTTP ali pravilnikov predpomnjenja so že optimizirana v infrastrukturi storitve Shopify.
Implementacija omrežja CDN: Predlogi za dodajanje omrežja CDN so nepotrebni, saj Shopify privzeto vključuje visoko zmogljivo omrežje CDN.
Nastavitve kompresije: Priporočila glede omogočanja kompresije so že implementirana na celotni platformi Shopify.

Ukrepanje na podlagi ustreznih priporočil

Osredotočite se na priporočila, ki se nanašajo na specifično vsebino in funkcije vaše trgovine:

Optimizacija slik: Poskrbite, da bodo naložene slike ustrezne velikosti in da bodo v priporočenih formatih.
Ocenjevanje aplikacij: Razmislite, ali nameščene aplikacije zagotavljajo dovolj vrednosti, da odtehtajo morebiten vpliv na uspešnost.
Optimizacija teme: Izberite teme, optimizirane za uspešnost, in omejite število razdelkov v predlogah strani.

Odpravljanje težav s počasnim nalaganjem strani

Če se vaša trgovina nalaga počasi, sledite tem korakom za prepoznavanje in odpravljanje težave:

1. korak: Preverjanje težave

Sami preizkusite hitrost nalaganja svoje trgovine z različnih naprav in internetnih povezav.
Prosite druge, naj preizkusijo vašo trgovino, da potrdite, da ne gre za lokalno težavo z vašo internetno povezavo.
Uporabite orodja za testiranje, kot je PageSpeed Insights, da pridobite specifične metrike uspešnosti.

2. korak: Ugotovite vzrok

Preverite, ali je aplikacij preveč: Preveliko število aplikacij, ki nalagajo sredstva na vaši domači strani trgovine, lahko upočasni uspešnost. Preglejte nameščene aplikacije in odstranite tiste, ki niso nujne za prodajo.

Preglejte velike slike: Strani s številnimi visokokakovostnimi slikami se lahko nalagajo počasi. Optimizirajte slike ali zmanjšajte število prikazanih. Več informacij o priporočenih velikostih slik.

Prepoznajte počasne skripte: Če spletna stran obtiči kot prazna stran, preden se v celoti naenkrat naloži, uporabite orodja za razvijalce v brskalniku, da prepoznate skripte, ki se nalagajo počasi. Za rešitev se obrnite na razvijalca aplikacije ali teme.

3. korak: Ukrepajte

Odstranite nepotrebne aplikacije: Z odstranitvijo aplikacije se njena koda ne odstrani samodejno iz teme. Za navodila za popolno odstranitev se boste morda morali obrniti na razvijalca aplikacije.

Optimizirajte slike: Uporabite ustrezne formate datotek (JPG za fotografije, PNG za grafiko s prosojnostjo) in spremenite velikost slik tako, da ustreza njihovi velikosti prikaza.

Ocenite uspešnost teme: Razmislite o prehodu na temo, optimizirano za uspešnost, če vaša trenutna tema povzroča znatne upočasnitve.

Pridobite podporo glede uspešnosti spletne trgovine

Če uporabljate brezplačno temo Shopifyja, vam lahko pri osnovnih izboljšavah uspešnosti pomaga podpora Shopify.

Če uporabljate zunanjo temo in potrebujete pomoč, se morate obrniti na razvijalca teme, zaposliti strokovnjaka za spletno uspešnost Shopify ali pa zaposliti partnerja Shopify za uspešnost in hitrost spletne strani. Več informacij o zaposlitvi partnerja Shopify.

Če vaša težava z uspešnostjo izhaja iz aplikacije, se lahko obrnete na razvijalca aplikacije.

Če imate razvojno ekipo ali partnersko agencijo, se lahko za nadaljnjo pomoč obrnete tudi nanje.

Tehnične informacije in viri za odpravljanje težav

Če ste razvijalec, ki želi izboljšati uspešnost domače strani trgovine, teme ali aplikacije Shopify, si lahko ogledate naslednje vire za vsako osnovno spletno metriko (Core Web Vital). Več informacij o najboljših praksah uspešnosti za teme Shopify.

Hitrost nalaganja

Največji vsebinski prikaz (LCP) meri hitrost nalaganja glede na to, kako hitro postane viden največji element na zaslonu. Čas do prvega bajta (TTFB) in prvi vsebinski prikaz (FCP) sta podporni metriki, ki vam pomagata bolje razumeti, od kod izvira glavni vzrok težave. Več informacij o odpravljanju pogostih vzrokov za počasno nalaganje na domačih straneh trgovin Shopify Liquid.

Vizualna stabilnost

Kumulativni premik postavitve (CLS) meri vizualno stabilnost glede na to, koliko se vsebina med nalaganjem nepričakovano premika. Za poglobljen pregled odpravljanja napak pri CLS preberite Kako optimizirati kumulativni premik postavitve (CLS) na spletnih straneh Shopify.

Interaktivnost

Interakcija do naslednjega prikaza (INP) meri interaktivnost na podlagi tega, koliko časa traja, da stran postane odzivna na večino dejanj uporabnika. Na primer dejanja uporabnika, kot je klik na povezavo ali gumb.

Če imate slabo oceno INP, imate v trgovini najverjetneje preveč kode JavaScript iz kode teme, kode aplikacije ali kode zunanjih izvajalcev oz. upravitelja oznak. Posvetite se odstranjevanju največjih povzročiteljev težav. Več informacij o treh načinih za iskanje največjih povzročiteljev težav z JavaScriptom pri nalaganju strani. Če imate še vedno težave z INP, preberite več v virih na web.dev.