Internetinės parduotuvės veikimo gerinimas

Jūsų internetinę parduotuvę sudaro funkcijų rinkinys, pvz., temos kodas, programėlės, vaizdai, vaizdo įrašai, karuselės, socialinių tinklų sklaidos kanalai ir duomenų analizė. Šios funkcijos gali pagerinti lankytojų patirtį ir išplėsti svetainės galimybes.

Tačiau kiekviena funkcija, kurią pridedate prie savo internetinės parduotuvės, gali turėti įtakos jos veikimui. Kai kurios funkcijos gali sulėtinti jūsų svetainę arba sukelti netikėtą elgseną, kuri gali turėti įtakos vartotojų patirčiai.

Svetainės veikimas orientuotas į vartotojo patirties optimizavimą. Šiuo metu svetainės veikimas sutelktas į tris pagrindines sritis, kurios taip pat atsispindi Core Web Vitals rodikliuose:

Įkėlimo greitis, matuojamas pagal „Largest Contentful Paint“ (LCP)
Išdėstymo stabilumas, matuojamas pagal „Cumulative Layout Shift“ (CLS)
Reagavimas į vartotojo sąveiką, matuojamas pagal „Interaction to Next Paint“ (INP)

Svetainės veikimo optimizavimas reiškia, kad jūsų klientai greičiausiai ilgiau pasiliks jūsų svetainėje ir atliks konversijas.

Šiame puslapyje

Jūsų internetinės parduotuvės optimizavimas

Jūsų internetinėje parduotuvėje yra integruotas svetainės optimizavimas. Svetainės optimizavimas taip pat integruotas į visas naujas funkcijas. Jums nereikia daryti nieko ypatingo, kad galėtumėte pasinaudoti šiomis funkcijomis:

Jūsų internetinė parduotuvė talpinama greituose, pasauliniuose serveriuose ir neriboja jūsų parduotuvės pralaidumo. Savo „Shopify“ parduotuvės būseną galite patikrinti puslapyje Shopify Status.
Jūsų internetinėje parduotuvėje yra turinio pristatymo tinklas (CDN), kurį valdo Cloudflare ir kuris užtikrina, kad jūsų internetinė parduotuvė greitai įsikeltų visame pasaulyje. CDN būseną galite patikrinti „Cloudflare“ būsenos puslapyje.
Kad įkėlimo laikas būtų trumpas, vaizdai automatiškai optimizuojami naudojant vaizdų CDN. Kartu su temos kodu vaizdų CDN gali pateikti geriausią vaizdo formatą, kurio dydis taip pat pakeistas ir kuris yra suglaudintas, kad failų dydžiai išliktų maži.

Veiksniai, turintys įtakos svetainės veikimui

„Shopify“ parduotuvėms šie veiksniai turi didžiausią įtaką svetainės veikimui:

Jūsų internetinės parduotuvės tema
Jūsų įdiegtos programėlės
Bet koks papildomas trečiosios šalies kodas, kurį rankiniu būdu pridėjote prie savo parduotuvės, įskaitant žymų tvarkykles ir jose esančias žymas

Tai reiškia, kad norėdami pagerinti svetainės veikimą, turėtumėte sutelkti dėmesį į šiuos dalykus:

Naudokite naujausią, optimizuotą temą. Visos „Horizon“ šeimos temos ir „Shopify“ sukurtos „Online Store 2.0“ temos yra nemokamos ir optimizuotos svetainės veikimui. Be to, daugelis kitų trečiųjų šalių temų taip pat yra optimizuotos svetainės veikimui. Galite peržiūrėti naujausius temų veikimo duomenis.
Jei jūsų tema siūlo puslapių perėjimus ar kitas animacijas, palyginkite savo svetainės veikimą prieš ir po jų aktyvavimo. Animacijos gali sulėtinti puslapius.
Venkite į temos puslapių šablonus pridėti per daug skilčių. Didelis skilčių skaičius puslapiuose gali pabloginti svetainės veikimą.
Jei turite kolekcijų su dideliu produktų kiekiu, apsvarstykite galimybę aktyvuoti skirstymą puslapiais, kad apribotumėte vienu metu įkeliamų produktų skaičių.
Įvertinkite įdiegtas programėles ir trečiųjų šalių kodą, kad įsitikintumėte, jog jų teikiama vertė atsveria galimus veikimo nuostolius.
Peržiūrėkite savo žymų tvarkyklę, kad pašalintumėte nenaudojamas arba mažos vertės žymas. Sužinokite daugiau apie gerąją žymų ir žymų tvarkyklių praktiką.

Testavimo įrankiai

Galite naudoti šiuos įrankius savo internetinės parduotuvės veikimui ištirti:

Svetainės veikimo ataskaitos: „Shopify“ svetainės veikimo ataskaitose naudojami „Core Web Vitals“ rodikliai, siekiant įvertinti, kaip realūs vartotojai patiria jūsų internetinę parduotuvę.
PageSpeed Insights: galite patys generuoti ataskaitas naudodami „Google“ įrankį PageSpeed Insights, kad peržiūrėtumėte išsamesnę savo parduotuvės puslapių metriką.

Trečiųjų šalių veikimo rekomendacijų supratimas

Trečiųjų šalių veikimo nuskaitymo įrankiai gali pasiūlyti pakeitimų, kaip pagerinti jūsų parduotuvės greitį. Tačiau daugelį šių rekomendacijų „Shopify“ jau įdiegė arba jos netaikomos „Shopify“ parduotuvėms.

Optimizacijos, jau įtrauktos į „Shopify“

Jūsų „Shopify“ parduotuvėje automatiškai įdiegtos šios veikimo optimizacijos:

Turinio pristatymo tinklas (CDN): „Shopify“ be papildomo mokesčio suteikia pasaulinio lygio CDN, užtikrinantį greitą veikimą visame pasaulyje. Visi ištekliai pateikiami naudojant HTTP/2, o tai sumažina pridėtines išlaidas, palyginti su senesniais protokolais.

Naršyklės podėliavimas: „Shopify“ nustato naršyklės podėliavimą talpyklai tinkamiems ištekliams vieneriems metams – maksimaliam įmanomam laikotarpiui. Tai reiškia, kad pasikartojantiems jūsų parduotuvės lankytojams puslapiai įsikels greičiau.

„Gzip“ glaudinimas: „Shopify“ naudoja „gzip“ glaudinimą CSS, „JavaScript“, dokumentams ir puslapiams, kad sumažintų pralaidumą ir pagerintų įkėlimo laiką. Taip pat įjungta „Keep-alive“ funkcija, skirta keliems failams gauti.

Vaizdų optimizavimas: „Shopify“ automatiškai suglaudina JPG vaizdus naudodama pažangius algoritmus, suderindama glaudinimą ir vizualinį patrauklumą. Vaizdai dažnai pateikiami „WebP“ formatu, kad būtų geriau suglaudinti ir greičiau įkeliami.

Failų minifikavimas: „Shopify“ automatiškai minifikuoja CSS ir „JavaScript“ failus, kai jų pareikalauja jūsų vitrina, sumažindama failų dydžius nepaveikiant funkcionalumo.

Kai trečiųjų šalių rekomendacijos netaikomos

Trečiųjų šalių nuskaitymo įrankiai gali pasiūlyti pakeitimų, kurie nėra svarbūs „Shopify“ parduotuvėms:

Serverio lygio konfigūracijos: rekomendacijos dėl serverio sąrankos, HTTP antraščių ar podėliavimo strategijų jau yra optimizuotos „Shopify“ infrastruktūros.
CDN diegimas: pasiūlymai pridėti CDN yra nereikalingi, nes „Shopify“ pagal numatytuosius nustatymus apima didelio našumo CDN.
Glaudinimo nustatymai: rekomendacijos įjungti glaudinimą jau įgyvendintos visoje „Shopify“ platformoje.

Veiksmų pagal svarbias rekomendacijas vykdymas

Sutelkite dėmesį į rekomendacijas, susijusias su konkrečiu Jūsų parduotuvės turiniu ir funkcijomis:

Vaizdų optimizavimas: įsitikinkite, kad Jūsų įkelti vaizdai yra tinkamo dydžio ir kad naudojate rekomenduojamus formatus.
Programėlių įvertinimas: apsvarstykite, ar įdiegtos programėlės suteikia pakankamai naudos, kad atsvertų bet kokį poveikį veikimui.
Temos optimizavimas: rinkitės veikimui optimizuotas temas ir apribokite skilčių skaičių puslapių šablonuose.

Lėtai įkeliamų puslapių trikčių šalinimas

Jei Jūsų parduotuvė įkeliama lėtai, atlikite šiuos veiksmus, kad nustatytumėte ir išspręstumėte problemą:

1 veiksmas: patikrinkite problemą

Išbandykite savo parduotuvės įkėlimo greitį naudodami skirtingus įrenginius ir interneto ryšius.
Paprašykite kitų išbandyti Jūsų parduotuvę, kad patvirtintumėte, jog tai nėra vietinė problema, susijusi su Jūsų interneto ryšiu.
Naudokite testavimo įrankius, pvz., PageSpeed Insights, kad gautumėte konkrečią veikimo metriką.

2 veiksmas: nustatykite priežastį

Patikrinkite, ar nėra per daug programėlių: per daug programėlių, įkeliančių išteklius Jūsų vitrinoje, gali sulėtinti veikimą. Peržiūrėkite įdiegtas programėles ir pašalinkite visas, kurios nėra būtinos pardavimui.

Peržiūrėkite didelius vaizdus: puslapiai su daugybe aukštos kokybės vaizdų gali būti įkeliami lėtai. Optimizuokite vaizdus arba sumažinkite rodomų vaizdų skaičių. Sužinokite daugiau apie rekomenduojamus vaizdų dydžius.

Nustatykite lėtus scenarijus: jei Jūsų svetainė pakimba kaip tuščias puslapis prieš įkeliant viską iš karto, naudokite naršyklės kūrėjo įrankius lėtai įkeliamiems scenarijams nustatyti. Dėl sprendimo kreipkitės į programėlės arba temos kūrėją.

3 veiksmas: imkitės veiksmų

Pašalinkite nereikalingas programėles: pašalinus programėlę jos kodas automatiškai nepašalinamas iš temos. Gali tekti susisiekti su programėlės kūrėju, kad gautumėte išsamias pašalinimo instrukcijas.

Optimizuokite vaizdus: naudokite tinkamus failų formatus (JPG – nuotraukoms, PNG – grafikai su skaidrumu) ir pakeiskite vaizdų dydį, kad jis atitiktų rodomą dydį.

Įvertinkite temos veikimą: apsvarstykite galimybę pereiti prie veikimui optimizuotos temos, jei dabartinė tema sukelia didelių sulėtėjimų.

Gaukite pagalbą dėl internetinės parduotuvės veikimo

Jei naudojate nemokamą „Shopify“ temą, „Shopify“ pagalbos tarnyba gali Jums padėti atlikti pagrindinius veikimo patobulinimus.

Jei naudojate trečiosios šalies temą ir Jums reikia pagalbos, turite susisiekti su savo temos kūrėju, pasamdyti „Shopify“ svetainių veikimo ekspertą arba „Shopify“ partnerį svetainės veikimo ir greičio klausimais. Sužinokite daugiau apie „Shopify“ partnerio samdymą.

Jei veikimo problemų kyla dėl programėlės, galite susisiekti su savo programėlės kūrėju.

Jei turite kūrėjų komandą arba agentūros partnerį, taip pat galite kreiptis į juos dėl papildomos pagalbos.

Techninė informacija ir ištekliai trikčių šalinimui

Jei esate kūrėjas, norintis pagerinti „Shopify“ vitrinos, temos ar programėlės veikimą, galite peržiūrėti šiuos išteklius, skirtus kiekvienam „Core Web Vital“ rodikliui. Sužinokite daugiau apie „Shopify“ temų veikimo geriausią praktiką.

Įkėlimo greitis

„Largest Contentful Paint“ (LCP) matuoja įkėlimo greitį, atsižvelgiant į tai, kaip greitai didžiausias elementas ekrane tampa matomas. „Time to first byte“ (TTFB) ir „first contentful paint“ (FCP) yra pagalbinės metrikos, kurios padeda geriau suprasti pagrindinę problemos priežastį. Galite sužinoti daugiau apie dažniausių lėto įkėlimo priežasčių „Shopify Liquid“ vitrinose derinimą.

Vaizdo stabilumas

„Cumulative Layout Shift“ (CLS) matuoja vaizdo stabilumą pagal tai, kiek turinys netikėtai pasislenka įkėlimo metu. Išsamesnės informacijos apie CLS derinimą rasite straipsnyje Kaip optimizuoti „Cumulative Layout Shift“ (CLS) „Shopify“ svetainėse.

Interaktyvumas

„Interaction to Next Paint“ (INP) matuoja interaktyvumą pagal tai, per kiek laiko puslapis sureaguoja į daugumą vartotojo veiksmų. Pavyzdžiui, į tokius vartotojo veiksmus kaip nuorodos ar mygtuko spustelėjimas.

Jei susiduriate su prastu INP rodikliu, greičiausiai Jūsų parduotuvėje yra per daug „JavaScript“ kodo iš temos, programėlės arba trečiosios šalies / žymų tvarkyklės kodo. Pasistenkite išvalyti didžiausius kaltininkus. Sužinokite daugiau apie 3 būdus, kaip rasti didžiausius „JavaScript“ kaltininkus, darančius įtaką puslapio įkėlimui. Jei vis dar kyla problemų dėl INP, daugiau informacijos rasite ištekliuose, esančiuose web.dev.