Verkkokaupan nopeuden parantaminen
Useat tekijät vaikuttavat verkkokauppasi nopeuteen, joista joitakin voit hallita.
Jos et tiedä, miten nopeasti verkkokauppasi toimii tänään, voit tarkastella verkkokaupan nopeusraporttia.
Tekijöitä, joihin et voi vaikuttaa
Asiakkaan laite, verkko ja sijainti
Asiakkaat käyvät kaupassasi eri puolilta maailmaa ja erilaisilla laitteilla ja Internet-yhteyksillä. Tämä tarkoittaa, että kauppasi saattaa latautuu niihin nopeammin tai hitaammin näiden tekijöiden mukaan.
Jos asiakas ottaa sinuun yhteyttä ja pyytää sinua kauppasi nopeudesta, pyydä asiakasta tarkistamaan, että ne ovat selaimen uusimmassa versiota, että ne ovat äskettäin poistaneet välimuistiensa ja että niiden internetpalveluntarjoajan suorituskyky ei ole lopussa eikä sen suorituskyky heikentynyt.
Shopifyn infrastructure
Shopify isännöi verkkokauppaasi nopeissa, globaaleissa palvelimissa eikä rajoita kaupan kaistankäyttöäsi. Voit tarkistaa Shopify-kauppasi tilan Shopify Status ‑sivustolta.
Shopify parantaa jatkuvasti koodiaan ja infrastruktuuriaan. Jotkin näistä parannuksista saattavat näkyä nopeuspisteistäsi.
Seuraavassa on joitakin ominaisuuksia, jotka vaikuttavat verkkokaupan nopeuteen.
Sisällön toimitusverkosto (CDN)
CDN tarkoittaa sisällön jakeluverkostoa. Shopify tarjoaa kauppiaille maailmanlaajuisen CDN: n, joka toimii voimakkaasti ja varmistaa, että verkkokauppa latautuu nopeasti ympäri maailmaa. Voit tarkistaa CDN: n tilan voimakkaasti tilasivulla.
Paikallisen selaimen välimuisti
Kauppasi kätkee tai tallentaa joitakin elementtejä, jotka on tehty väliaikaisesti asiakkaan paikallisessa varastoinnissa. Kun asiakas seuraavan kerran vierailee verkkokaupassasi, selain voi ladata resursseja välimuistista sen sijaan, että hän lähettää toisen pyynnön palvelimelle.
Shopify määrittää kaupan välimuistiselaimille välimuistin vuodeksi jokaisen tiedoston osalta. Tiedostot, jotka voivat olla välimuistissa, sisältävät kuvatiedostot, PDFs, JS-tiedostoja ja CSS-tiedostoja.
Palvelinpuolen sivun välimuisti
Paikallisen selaimen välimuistin lisäksi Shopify kätkee palvelimille sivutason sivuja. Kun sivu ladataan ensimmäisen kerran, se voi olla hitaampaa, mutta myöhemmät sivun lataukset ovat nopeampia, koska asiakkaat saavat välimuistiin tallennettua kopiota.
Liquid-objektiin content_for_header sisältyvät resurssit
`` Liquid-objekti tuo verkkokauppaan joukon ominaisuuksia, mukaan lukien suorituskykyanalyysit ja valinnaiset ominaisuudet, kuten dynaamiset kassapainikkeet. Tämän objektin ja siihen liittyvien ominaisuuksien lataus vaikuttaa kaupan nopeuteen. Shopify optimoi tunnisteen ja sen omaisuudet nopeuttaakseen niiden toimintaa.
Tekijöitä, joihin voit vaikuttaa
Seuraavassa on muutamia tekijöitä, jotka saattavat vaikuttaa verkkokaupan nopeuteen ja siihen, miten voit tehdä niihin osoitteita.
Sovellukset
Kun lisäät verkkokauppaasi sovelluksen toiminnallisuuden tai ulkoasun muuttamiseksi, ne lisäävät teemaan koodia, jotta ne voidaan suorittaa. Joitakin koodia voidaan poistaa tai järjestää uudelleen, jotta verkkokauppasi suorituskyky paranee. Jos et käytä sovellusta, voit poistaa sen.
Jos olet sitä mieltä, että sovellus hidastaa kauppaa, tee seuraavat toimet:
- Poista käytöstä sovelluksen ominaisuudet, joita et käytä, tai poista sovellus, jos et tarvitse sitä. Harkitse verkkokaupan ominaisuuksien ja nopeuden välistä tasapainoa.
- Jos poistat sovelluksen, harkitse sovelluksen asennusprosessin osana lisätyn koodin poistamista. Osa sovelluksista auttaa sinua tässä prosessissa järjestämällä koodin
{% comment %}tunnisteissa, joissa mainitaan sovelluksen nimi.
Käyttämättömän sovelluskoodin poistaminen on paras tapa, jolla voidaan välttää koodin suorittaminen käyttämättömille ominaisuuksille. Tämä tekee teeman koodista helpommin luettavamman.
- Konsultoi sovelluskehittäjää.
- Palkkaa Shopify Expert avuksesi. Lue lisää Shopify Expert ‑asiantuntijoiden palkkaamisesta.
Teemat
Teemat koostuu Liquid, HTML, CSS ja JavaScript Code-koodista. Kun muokkaat tai mukautat teemoja, tiedostokoko voi lisääntyä ja vaikuttaa kaupan nopeuteen.
Jos olet sitä mieltä, että jokin teemasi on hidastu kaupastasi, tee seuraavat toimet:
- Poista käytöstä teemaominaisuudet, joita et käytä. Pohdi verkkokaupan ominaisuuksien ja nopeuden välistä tasapainoa.
- Harkitse järjestelmäfontin käyttämistä.
- Konsultoi teeman kehittäjää. Jos käytät Shopifyn ilmaista teemaa, voit ottaa yhteyttä tukeen saadaksesi tukea.
- Jos käytät kolmannen osapuolen teemaa, voit ottaa yhteyttä teemakehittäjään tai palkata Shopify Expertin.
- Harkitse tehokkuuden parantamiseksi optimoidun teeman, kuten Dawnin, asentamista.
- Palkkaa Shopify Expert avuksesi. Lue lisää Shopify Expert ‑asiantuntijoiden palkkaamisesta.
Teeman tai sovelluksen ominaisuudet
Tietyt ominaisuudet, ollessaan käytettävissä, saattavat vaikuttaa myös kaupan nopeuteen. Esimerkiksi jotkin pikakatseluun lisäponnahdusikkunat latautuvat ennen kunkin tuotesivun tietoja, kun kokoelman sivu latautuu. Kun lataat lisädataa, jonka asiakkaat eivät käytä, se voi vaikuttaa kauppasi nopeuteen lisäämättä arvoa.
Jos jokin toiminnallisuus hidastaa kauppaasi, voit tehdä seuraavat toimenpiteet:
- Käytä heatmap-työkalua nähdäksesi, käytätkö tiettyjä ominaisuuksia asiakkaille. Poista ominaisuudet käytöstä, jos niitä ei käytetä.
- Poista käytöstä ominaisuudet, joita et käytä. Pohdi verkkokaupan ominaisuuksien ja nopeuden välistä tasapainoa.
- Kysy teeman ja sovelluksen kehittäjiltä, lataavatko ne dataa ennakkoon.
- Palkkaa Shopify Expert avuksesi. Lue lisää Shopify Expert ‑asiantuntijoiden palkkaamisesta.
Monimutkaiset tai tehottomat Liquid-koodit
Voit muokata lähes kaikkia Liquideja, joita käytetään kaupan hahmontamiseen. Liquid-koodilla on tehokkaita ja tehottomia kirjoitustapoja. Monimutkaisien toimintojen lisääminen toistuvasti voi lisätä Liquidin latausaikaa, joka vaikuttaa kaupan kokonaisnopeuteen.
Jos haluat esimerkiksi tilata tuotteet kokoelmasta hinnalla, sinun pitää tehdä se ennen kuin yhdistät tuotteet kokoelmaasi, eikä osana silmukan koodia. Tämä johtuu siitä, että tuotteiden järjestys ei muutu kunkin tuotteen osalta ja että tuotteiden järjestys lisää käsittelyaikaa.
Jos olet huolissasi siitä, että koodia ei ole optimoitu, voit tehdä seuraavat toimet:
- Suorita Shopify Theme Inspector for Chrome, joka tunnistaa koodirivit, jotka hidastavat verkkokaupan sivuja.
- Palkkaa Shopify Expert, joka auttaa sinua löytämään tehottoman tai tarpeettoman koodin.
Kuvat ja videot
Piilotetut kuvat ja kuvat, jotka on piilotettu näkyvistä, voivat häiritä muiden, tärkeiden sivujen lataamista. Jos käyttäjien on odotettava, että suuret kuvat latautuvat, he saattavat kokea kaupan olevan hidas.
Shopify lisää joitakin suojatoimenpiteitä, joiden avulla voit estää verkkokaupan ylikuormituksen kuvien tai videoiden avulla. Esimerkki:
- Etusivullasi ei voi olla yli 50 tuotetta kokoelmasivulla tai 25 osioissa.
- Moni teema välttää lataamasta kuvia, jotka eivät ole sillä hetkellä näytössä.
- Monet teemat myös latautuvat tiettyä kokoa varten kuvan näytön koon mukaan.
Nämä takeet eivät kuitenkaan täysin estä kuvia tai videoita heikentämättä verkkokaupan tehokkuutta.
Jos kuvat hidastavat kauppaasi, tee seuraavat toimenpiteet:
- Tutustu kuvien optimointioppaaseen.
- Varmista, että diaesitykset ovat 2-3 dian pituisia tai käytä yhtä kuvaa.
- Kysy teeman kehittäjältä neuvoa siitä, miten kuvia kannattaa käyttää sen teemassa.
- Palkkaa Shopify Expert avuksesi. Lue lisää Shopify Expert ‑asiantuntijoiden palkkaamisesta.
Fontit
Voit valita verkkokaupassasi tekstin useista eri fonteista. Jos kuitenkin käytät fonttia, jota ei ole valmiiksi asiakkaasi tietokoneella, fontti täytyy ladata, ennen kuin tekstisi voidaan näyttää. Tämä vaikuttaa siihen, miten nopeasti kauppasi latautuu.
Voit välttää uuden fontin lataamisen asiakkaan tietokoneelle käyttämällä järjestelmän fonttia. Järjestelmän fontti on fontti, joka on jo asennettu useimpiin tietokoneisiin.
Voit valita mono-, serif- tai sans-serif-fonttiperheen. Voit silti käyttää fonttityylejä, kuten lihavointia tai kursivointia, kun käytät jotakin näistä fonttiperheistä.
Asiakkaan tietokoneella näkyvä fontti riippuu asiakkaan käyttöjärjestelmästä. Seuraavassa on esimerkkejä fonteista, joiden avulla voidaan hahmontaa tekstiä, kun valitset järjestelmän fonttiperheen:
- Mono: Menlo, Consolas, Monaco, Liberation Mono tai Lucida Console
- Sans-serif: BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu tai Helvetica Neue
- Serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times tai Source Serif Pro
Vianmääritystyökalut
Voit tutkia verkkokauppasi nopeutta seuraavien työkalujen avulla.
Vinkki: Jos olet kehittäjä, voit optimoida teemasi tehokkuuden Shopifyn työkalujen ja parhaiden käytäntöjen avulla. Lue lisää osoitteesta Shopify.dev.
Lighthouse
Shopifyn verkkokaupan nopeusraportissa käytetään Lighthousea, joka mittaa kaupan nopeutta. Oman Lighthouse-raportin avulla voit tarkastella kaupan sivujen yksityiskohtaisempia tietoja Google PagePeedin kävijätietojen avulla. Jos haluat lisätietoja näistä mittareista, lue Google Lighthouse -palvelun suorituspisteiden dokumentaatio. Voit myös palkata Shopify Expertin, joka auttaa sinua ymmärtämään mittarit ja ehdottamaan parannuksia. Lue lisää Shopify Expert ‑asiantuntijoiden palkkaamisesta.
Shopify Theme Inspector for Chrome
Shopify Theme Inspector for Chrome on profilointityökalu, joka käyttää liekki-kaaviota Liquid-hahmonnustehon näyttämiseksi. Tämän työkalun avulla voit tunnistaa verkkokaupan sivuja hidastavia koodirivejä. Lue, miten voit käyttää Shopify Theme Inspector -tarkastajaa.
Hanki tukea verkkokaupan nopeuteen liittyen
Jos käytät Shopifyn ilmaista teemaa, Shopify-tuki voi ehkä auttaa sinua perustehokkuuden parantamisessa.
Jos käytät kolmannen osapuolen teemaa ja tarvitset apua, sinun on otettava yhteyttä teeman kehittäjään tai palkata Shopify Expert. Lue lisää Shopify Expert ‑asiantuntijoiden palkkaamisesta.
Jos sinulla on kehitystiimi tai yhteistyökumppani, voit myös ottaa yhteyttä heihin saadaksesi lisäohjeita.