Verkkokaupan tehokkuuden parantaminen

Verkkokauppasi koostuu joukosta ominaisuuksia, kuten teemakoodista, sovelluksista, kuvista, videoista, karuselleista, sosiaalisen median syötteistä ja analytiikasta. Nämä ominaisuudet voivat parantaa kävijäkokemusta ja laajentaa sivustosi toimintoja.

Jokainen verkkokauppaasi lisäämäsi ominaisuus voi kuitenkin vaikuttaa kauppasi tehokkuuteen. Jotkin ominaisuudet voivat hidastaa sivustoasi tai aiheuttaa odottamatonta käyttäytymistä, joka voi vaikuttaa käyttäjäkokemukseen.

Verkkosivujen tehokkuudessa keskitytään käyttäjäkokemuksen optimointiin. Tällä hetkellä verkkosivujen tehokkuudessa keskitytään kolmeen pääalueeseen, jotka näkyvät myös Core Web Vitals -mittareissa:

• Latausnopeus, jota mitataan Largest Contentful Paint (LCP) -arvolla
• Asettelun vakaus, jota mitataan Cumulative Layout Shift (CLS) -arvolla
• Reagointikyky käyttäjän vuorovaikutukseen, jota mitataan Interaction to Next Paint (INP) -arvolla

Verkkosivujen tehokkuuden optimointi tarkoittaa, että asiakkaasi pysyvät todennäköisemmin sivustollasi ja konvertoituvat.

Verkkokauppasi optimoinnit

Verkkokauppaasi on sisäänrakennettu verkon optimointi. Verkon optimointi on sisäänrakennettu myös kaikkiin uusiin ominaisuuksiin. Sinun ei tarvitse tehdä mitään erityistä hyödyntääksesi seuraavia ominaisuuksia:

• Verkkokauppasi isännöidään nopeilla, maailmanlaajuisilla palvelimilla eikä kauppasi kaistanleveyttä rajoiteta. Voit tarkistaa Shopify-kauppasi tilan Shopify Status -sivulta.
• Verkkokaupassasi on Cloudflaren ylläpitämä sisällönjakeluverkko (CDN), joka varmistaa, että verkkokauppasi latautuu nopeasti kaikkialla maailmassa. Voit tarkistaa CDN:n tilan Cloudflaren tilasivulta.
• Latausaikojen pitämiseksi nopeina kuvat optimoidaan automaattisesti kuvien CDN-verkon avulla. Yhdessä teemakoodisi kanssa kuvien CDN-verkko voi tarjota parhaan kuvamuodon, joka on myös pienennetty ja pakattu tiedostokokojen pitämiseksi pieninä.

Verkkosivujen tehokkuuteen vaikuttavat tekijät

Shopify-kauppojen osalta seuraavat tekijät vaikuttavat eniten verkkosivujen tehokkuuteen:

• Verkkokauppasi teema
• Asentamasi sovellukset
• Kaikki kauppaasi manuaalisesti lisäämäsi kolmannen osapuolen lisäkoodi, mukaan lukien tunnisteiden hallintaohjelmat ja niiden sisältämät tunnisteet

Tämä tarkoittaa, että sinun tulee keskittyä seuraaviin asioihin parantaaksesi verkkosivujesi tehokkuutta:

• Käytä ajantasaista, optimoitua teemaa. Kaikki Horizon-teemaperheen teemat ja Shopifyn Online Store 2.0 -teemat ovat ilmaisia ja optimoituja verkkosivujen tehokkuutta varten. Lisäksi monet muut kolmansien osapuolten teemat on myös optimoitu verkkosivujen tehokkuutta varten. Voit tarkastella uusimpia teemojen tehokkuustietoja.
• Jos teemasi tarjoaa sivujen siirtymiä tai muita animaatioita, vertaa verkkosivujesi tehokkuutta ennen ja jälkeen niiden aktivoinnin. Animaatiot voivat hidastaa sivuja.
• Vältä lisäämästä liian monta osiota teemasi sivumalleihin. Suuri määrä osioita sivuilla voi heikentää verkkosivujen tehokkuutta.
• Jos sinulla on kokoelmia, joissa on suuri määrä tuotteita, harkitse sivunumeroinnin aktivointia kerralla ladattavien tuotteiden määrän rajoittamiseksi.
• Arvioi asentamiasi sovelluksia ja kolmannen osapuolen koodia varmistaaksesi, että ne tuottavat riittävästi arvoa mahdollisten tehokkuuden heikkenemisten kompensoimiseksi.
• Tarkasta tunnisteiden hallintaohjelmasi poistaaksesi kaikki käyttämättömät tai vähäarvoiset tunnisteet. Lue lisää tunnisteiden ja tunnisteiden hallintaohjelmien parhaista käytännöistä.

Testaustyökalut

Voit käyttää seuraavia työkaluja verkkokauppasi tehokkuuden tutkimiseen:

• Web Performance -raportit: Shopifyn Web Performance -raportit käyttävät Core Web Vitals -mittareita mittaamaan, miten todelliset käyttäjät kokevat verkkokauppasi.
• PageSpeed Insights: Voit luoda omia raportteja Googlen PageSpeed Insights -työkalulla nähdäksesi yksityiskohtaisempia mittareita kauppasi sivuille.

Kolmannen osapuolen tehokkuussuositusten ymmärtäminen

Kolmannen osapuolen tehokkuuden tarkistustyökalut saattavat ehdottaa muutoksia kauppasi nopeuden parantamiseksi. Monet näistä suosituksista ovat kuitenkin jo Shopifyn toteuttamia tai ne eivät koske Shopify-kauppoja.

Shopifyhin jo sisältyvät optimoinnit

Shopify-kauppasi sisältää automaattisesti seuraavat tehokkuusoptimoinnit:

Sisällönjakeluverkko (CDN): Shopify tarjoaa maailmanluokan CDN-verkon ilman lisämaksua, mikä takaa nopean maailmanlaajuisen tehokkuuden. Kaikki resurssit tarjoillaan HTTP/2-protokollalla, mikä vähentää yleiskustannuksia vanhempiin protokollin verrattuna.

Selaimen välimuisti: Shopify asettaa välimuistiin tallennettavien resurssien selaimen välimuistin kestoksi yhden vuoden, joka on pisin mahdollinen kesto. Tämä tarkoittaa, että kaupassasi toistuvasti vierailevat kävijät kokevat nopeammat latausajat.

Gzip-pakkaus: Shopify käyttää Gzip-pakkausta CSS-, JavaScript-, asiakirja- ja sivutiedostoissa kaistanleveyden vähentämiseksi ja latausaikojen parantamiseksi. Myös Keep-alive-toiminto on käytössä useiden tiedostojen noutamista varten.

Kuvien optimointi: Shopify pakkaa JPG-kuvat automaattisesti edistyneillä algoritmeilla, tasapainottaen pakkauksen ja visuaalisen ilmeen. Kuvat tarjoillaan usein WebP-muodossa paremman pakkauksen ja nopeamman latautumisen vuoksi.

Tiedostojen pienentäminen: Shopify pienentää automaattisesti CSS- ja JavaScript-tiedostot, kun myyntipaikkasi pyytää niitä, mikä pienentää tiedostokokoja vaikuttamatta toiminnallisuuteen.

Kun kolmannen osapuolen suositukset eivät päde

Kolmannen osapuolen tarkistustyökalut saattavat ehdottaa muutoksia, jotka eivät ole relevantteja Shopify-kaupoille:

• Palvelintason määritykset: Suositukset, jotka koskevat palvelimen asennusta, HTTP-otsikoita tai välimuistikäytäntöjä, on jo optimoitu Shopifyn infrastruktuurilla.
• CDN-toteutus: Ehdotukset CDN-verkon lisäämisestä ovat tarpeettomia, koska Shopify sisältää oletusarvoisesti tehokkaan CDN-verkon.
• Pakkausasetukset: Suositukset pakkauksen käyttöönotosta on jo toteutettu koko Shopifyn alustalla.

Relevanttien suositusten noudattaminen

Keskity suosituksiin, jotka liittyvät kauppasi tiettyyn sisältöön ja ominaisuuksiin:

• Kuvien optimointi: Varmista, että lataamasi kuvat ovat sopivan kokoisia ja että käytät suositeltuja muotoja.
• Sovellusten arviointi: Harkitse, tarjoavatko asennetut sovellukset riittävästi arvoa kompensoidakseen niiden mahdolliset vaikutukset tehokkuuteen.
• Teeman optimointi: Valitse tehokkuuden kannalta optimoituja teemoja ja rajoita sivumallien osioiden määrää.

Hitaasti latautuvien sivujen vianmääritys

Jos kauppasi latautuu hitaasti, noudata seuraavia ohjeita ongelman tunnistamiseksi ja ratkaisemiseksi:

Vaihe 1: Varmista ongelman olemassaolo

1. Testaa kauppasi latausnopeutta itse eri laitteilla ja internetyhteyksillä.
2. Pyydä muita testaamaan kauppaasi varmistaaksesi, ettei kyseessä ole paikallinen ongelma internetyhteydessäsi.
3. Käytä testaustyökaluja, kuten PageSpeed Insights, saadaksesi tarkkoja tehokkuusmittareita.

Vaihe 2: Tunnista syy

Tarkista liiallisten sovellusten määrä: Liian monet sovellukset, jotka lataavat resursseja myyntipaikkaasi, voivat heikentää tehokkuutta. Tarkista asentamasi sovellukset ja poista ne, jotka eivät ole myynnin kannalta välttämättömiä.

Tarkista suuret kuvat: Sivut, joilla on lukuisia laadukkaita kuvia, voivat latautua hitaasti. Optimoi kuvasi tai vähennä näytettävien kuvien määrää. Lue lisää suositelluista kuvako'oista.

Tunnista hitaat skriptit: Jos sivustosi jumittuu tyhjänä sivuna ennen kuin se latautuu kerralla, tunnista hitaasti latautuvat skriptit selaimesi kehittäjätyökaluilla. Ota yhteyttä sovelluksen tai teeman kehittäjään ongelman ratkaisemiseksi.

Vaihe 3: Ryhdy toimiin

Poista tarpeettomat sovellukset: Sovelluksen asennuksen poistaminen ei poista sen koodia automaattisesti teemastasi. Sinun on ehkä otettava yhteyttä sovelluskehittäjään saadaksesi täydelliset poisto-ohjeet.

Optimoi kuvat: Käytä sopivia tiedostomuotoja (JPG valokuville, PNG läpinäkyvälle grafiikalle) ja muuta kuvien kokoa vastaamaan niiden näyttökokoa.

Arvioi teeman tehokkuutta: Harkitse vaihtamista tehokkuuden kannalta optimoituun teemaan, jos nykyinen teemasi aiheuttaa merkittäviä hidastumisia.

Tuki verkkokaupan tehokkuuteen

Jos käytät Shopifyn ilmaista teemaa, Shopify-tuki voi mahdollisesti auttaa sinua perustason tehokkuusparannuksissa.

Jos käytät kolmannen osapuolen teemaa ja tarvitset apua, sinun on otettava yhteyttä teeman kehittäjään, palkattava Shopifyn verkkotehokkuuden asiantuntija tai palkattava Shopify Partner -kumppani sivuston tehokkuutta ja nopeutta varten. Lue lisää Shopify Partner -kumppanin palkkaamisesta.

Jos tehokkuusongelmasi johtuu sovelluksesta, voit ottaa yhteyttä sovelluskehittäjään.

Jos sinulla on kehitystiimi tai Agency Partner -kumppani, voit myös pyytää heiltä lisäapua.

Tekniset tiedot ja resurssit vianmääritykseen

Jos olet kehittäjä, joka haluaa parantaa Shopifyn myyntipaikan, teeman tai sovelluksen tehokkuutta, voit tarkastella seuraavia resursseja kutakin Core Web Vitals -arvoa varten. Lue lisää Shopify-teemojen tehokkuuden parhaista käytännöistä.

Latausnopeus

Largest Contentful Paint (LCP) mittaa latausnopeutta sen perusteella, kuinka nopeasti näytön suurin elementti tulee näkyviin. Time to first byte (TTFB) ja first contentful paint (FCP) ovat tukevia mittareita, jotka auttavat sinua ymmärtämään paremmin, mistä ongelman perimmäinen syy johtuu. Voit lukea lisää Shopifyn Liquid-myyntipaikkojen hitaan latautumisen yleisten syiden vianmäärityksestä.

Visuaalinen vakaus

Cumulative Layout Shift (CLS) mittaa visuaalista vakautta sen perusteella, kuinka paljon sisältö siirtyy odottamattomasti latauksen aikana. Jos haluat perehtyä syvällisesti CLS:n vianmääritykseen, lue artikkeli How to optimize Cumulative Layout Shift (CLS) on Shopify sites.

Interaktiivisuus

Interaction to Next Paint (INP) mittaa interaktiivisuutta sen perusteella, kuinka kauan kestää, ennen kuin sivu alkaa reagoida useimpiin käyttäjän toimiin, kuten linkin tai painikkeen napsauttamiseen.

Jos INP-arvosi on huono, kaupassasi on todennäköisesti liikaa JavaScript-koodia, joka on peräisin joko teeman koodista, sovelluksen koodista tai kolmannen osapuolen / tagien hallintatyökalun koodista. Keskity pahimpien ongelmanaiheuttajien siivoamiseen. Lue lisää artikkelista 3 ways to find your worst JavaScript offenders for page load. Jos sinulla on edelleen ongelmia INP-arvon kanssa, saat lisätietoja web.dev-sivuston resursseista.