Hitaat WooCommerce-kaupat voivat maksaa sinulle rahaa monin eri tavoin, ostoskorin hylkäämisen lisääntymisestä asiakasuskollisuuden menettämiseen. Unbouncen mukaan lähes 70 % kuluttajista sanoo sivun nopeuden vaikuttavan heidän haluunsa ostaa verkkokaupasta. Ongelma on, että nopeus riippuu lukuisista tekijöistä, ja sen parantaminen voi vaatia paljon aikaa ja vaivaa.
Portentin mukaan verkkosivustojen konversioprosentit laskevat keskimäärin 4,42 % jokaista sekuntia kohden, jonka sivun latautuminen kestää 0–5 sekunnin välillä, ja sivuilla, joiden latausaika on 0–2 sekuntia, on korkeimmat verkkokaupan konversioprosentit.
Jos verkkosivustosi latausnopeus on yli 2–3 sekuntia, tämä artikkeli on sinua varten. Täältä löydät useita hyväksi todettuja vinkkejä verkkokaupan suorituskyvyn mittaamiseen ja parantamiseen.
Miksi nopeudella on väliä?
Verkkosivuston nopeus on kriittinen tekijä minkä tahansa verkkoyrityksen, mukaan lukien WooCommerce-kauppojen, menestykselle useista syistä:
Käyttäjäkokemus:
Internetin käyttäjillä on tyypillisesti lyhyt keskittymiskyky. Hitaat latausajat voivat johtaa siihen, että kävijät poistuvat verkkosivustoltasi ennen kuin se ehtii edes latautua kokonaan. Nopea verkkosivusto sen sijaan helpottaa navigointia, mikä kannustaa käyttäjiä tutkimaan useampia sivuja ja viipymään pidempään.
SEO ja sijoitus:
Sivun nopeus on yksi Googlen tärkeimmistä sijoitustekijöistä. Mittarit kuten Largest Contentful Paint (LCP), First Input Delay (FID) ja Cumulative Layout Shift (CLS) ovat osa Googlen sijoitustekijöitä. Nopeammilla verkkosivustoilla on paremmat mahdollisuudet sijoittua korkeammalle hakukoneissa. Mobiilihaun yleistyessä myös mobiilisivun nopeus vaikuttaa merkittävästi SEO:hon.
Kustannustehokkuus:
Optimoidut, nopeammat verkkosivustot kuluttavat yleensä vähemmän kaistanleveyttä ja voivat johtaa alhaisempiin hosting-kustannuksiin. Nopeammat sivustot vaativat myös vähemmän aikaa ja vaivaa ylläpitoon.
Mobiilikäyttäjät:
Koska yhä useammat käyttäjät käyttävät sivustoja mobiililaitteilla, joissa yhteysnopeudet voivat olla hitaampia, optimoitu verkkosivuston nopeus on entistäkin tärkeämpää. Hidas latautuminen voi olla vieläkin ongelmallisempaa mobiililaitteilla ja johtaa korkeampiin poistumisprosentteihin.
Maailmanlaajuinen kattavuus:
Käyttäjät eri alueilta, joilla on vaihtelevat internetyhteydet, voivat saada yhtenäisen kokemuksen, jos verkkosivustosi on optimoitu nopeuden kannalta. Nopeammat verkkosivustot ovat hyödyllisiä, jos tavoittelet maailmanlaajuista yleisöä ja käytät sisällönjakeluverkkoa (CDN) paikallisen sisällön tarjoamiseen.
Miten arvioida nykyinen kaupan nopeus?
Ennen parannusprosessin aloittamista sinun on määritettävä, missä olet nyt, ja selvitettävä nykyinen kaupan nopeus ja mitkä ongelmat saattavat hidastaa sivustoasi. Tässä on joitain menetelmiä ja työkaluja, joita voit käyttää WooCommerce-sivustosi nopeuden arvioimiseen:
Suorat testaustyökalut
Nämä työkalut testaavat suoraan verkkosivustosi suorituskykyä lataamalla sen eri paikoista ympäri maailmaa ja simuloimalla erilaisia laitteita ja yhteysnopeuksia:
- Google PageSpeed Insights: Tarjoaa sekä mobiili- että työpöytänopeusnäkemyksiä. Antaa myös WooCommerce-optimointiehdotuksia.
- GTmetrix: Suorittaa yksityiskohtaisen analyysin, joka sisältää vesiputouskaavion, suosituksia ja erilaisia pisteitä.
- WebPageTest: Tarjoaa yksityiskohtaisia tietoja, kuten nopeusindeksin, ensimmäisen tavun ajan ja paljon muuta.
Selaimen kehittäjätyökalut
Nämä nykyaikaisiin selaimiin sisäänrakennetut ratkaisut antavat kehittäjille mahdollisuuden tarkastaa, debugata ja profiloida verkkosivustoja:
- Chrome DevTools: Käytä Verkko- ja Suorituskyky-välilehtiä sivuston nopeuden analysointiin.
- Firefox Developer Tools: Nämä työkalut antavat kehittäjille mahdollisuuden tarkastaa, debugata ja profiloida verkkosivuja, mikä auttaa heitä ymmärtämään verkkosivustojen käyttäytymistä ja rakennetta.
Palvelinpuolen työkalut
Nämä työkalut voivat auttaa tunnistamaan palvelinpuolen ongelmia, jotka eivät välttämättä ole ilmeisiä käyttöliittymän testaustyökaluilla:
- New Relic: Tarjoaa syvällisen katsauksen palvelimen suorituskykyyn, hyvä taustajärjestelmän pullonkaulojen havaitsemiseen.
- Lokianalyysi: Analysoi palvelinlokeja ongelmien havaitsemiseksi.
Lisäosapohjaiset tarkistukset
Lisäosat voivat tarjota kätevän ja tehokkaan tavan seurata WooCommerce-kauppasi suorituskyvyn eri osa-alueita suoraan WordPress-hallintapaneelista. Tässä on joitain suosittuja lisäosapohjaisia lähestymistapoja:
- Query Monitor: WordPress-lisäosa, jolla voit tarkistaa, mitkä kyselyt hidastavat verkkosivustoasi.
- WP Debugging: Ottaa käyttöön WordPressin virheenkorjausominaisuudet ongelmien tarkistamiseksi.
Todellinen käyttäjäseuranta
Todellinen käyttäjäseuranta (RUM) on suorituskyvyn seurantamenetelmä, joka tallentaa ja analysoi jokaisen verkkosivuston tai sovelluksen käyttäjän tekemän tapahtuman. Toisin kuin synteettiset seurantamenetelmät, jotka simuloivat käyttäjän käyttäytymistä, RUM kerää tietoja todellisten käyttäjien vuorovaikutuksista sivustosi kanssa.
Tyypillisesti lisäät pienen JavaScript-koodinpätkän verkkosivustollesi, joka kerää ja lähettää suorituskykytietoja palvelimelle analysoitavaksi. Näin useimmat RUM-työkalut toimivat, vaikka tietyt toteutustiedot voivat vaihdella. Hyödyllisiä työkaluja RUM:iin ovat muun muassa New Relic Browser, Boomerang, Akamai mPulse ja muut.
14 tapaa nopeuttaa WooCommerce-kauppaa
Nyt kun tiedät nykyisen latausnopeuden ja mitä ongelmia on, voit rakentaa optimointistrategian. Huomaa, että sinun on todennäköisesti korjattava useita verkkosivuston osa-alueita saavuttaaksesi erinomaisen WooCommerce-kaupan nopeuden. Sinun on myös seurattava nopeutta ajoittain, koska se voi hidastua ajan myötä. Tässä on joitain neuvoja, miten voit parantaa sivustosi suorituskykyä:
Löydä luotettava hosting
Vaikka väärä vaihtoehto voi johtaa tyytymättömiin asiakkaisiin ja menetettyyn liiketoimintaan, ihanteellinen WooCommerce-verkkohotellipalvelu voi taata virheettömän suorituskyvyn, nopeat latausajat ja jatkuvan käytettävyyden.
Jokainen hosting-tyyppi voidaan tarjota useilla eri hinnoittelupisteillä varustetuilla sopimuksilla. Siksi, kun etsit hosting-palveluntarjoajaa budjettisi rajoissa, harkitse ominaisuuksia, kuten palvelinpuolen välimuistia, riittävää kaistanleveyttä ja RAM-muistia sivustosi tarpeisiin, korkean suorituskyvyn SSD-tallennustilaa ja päivitettyjä ohjelmistoja, kuten PHP ja MySQL.
Jos sinulla on jaettu hosting-sopimus, se tarkoittaa, että sadat verkkosivustot käyttävät samaa palvelinta ja sen resursseja. Valitse isäntä, joka rajoittaa sallittujen verkkosivustojen määrää kullakin palvelimella, tai harkitse päivittämistä VPS- tai omistettuun sopimukseen.
Optimoi suorituskykyasetukset
Vaihda ensin kirjautumissivusi URL-osoite. Kirjautumis-URL on yleensä oletusarvoinen ja kaikkien, myös hakkereiden, tiedossa, mikä tekee verkkosivustoista alttiita hyökkäyksille.
Voit välttää haitallisten toimijoiden raa'an voiman hyökkäykset muuttamalla kirjautumis-URL-osoitteesi joksikin ainutlaatuiseksi. Voit myös käyttää sitä estämään nopeusrajoitettuja HTTP-ongelmia.
Jos verkkokaupallasi on myös blogi, rajoita blogisyötteessäsi näkyvien merkintöjen määrää. Jos ylläpidät suosittua blogia, suorituskykysäästöt kertyvät. Nämä muutokset voidaan tehdä WordPressin hallintapaneelin lukemisasetuksissa.
Kuvakaappaus otettu viralliselta WordPress-verkkosivustolta
Seuraavaksi poista pingbackit käytöstä verkkosivustoltasi. Ne tuottavat yleensä roskapostia. WordPress antaa sinulle myös mahdollisuuden jakaa suuret käyttäjäkommentit pienempiin osiin, jos sinulla on paljon kommentteja käyttäjiltä artikkeleissasi tai sivuillasi. Pienentääksesi tuotesivusi latautumisaikaa, pidä tämä arvo välillä 10 ja 20.
Harkitse lisäosien ja laajennusten käyttöä uudelleen
WooCommerceen on olemassa lukemattomia lisäosia, jotka tarjoavat rajattoman monipuolisuuden. Tämä ei kuitenkaan tarkoita, että sinun on asennettava jokainen niistä.
Lukuisat lisäosat lisäävät Javascript- tai CSS-tiedostojen määrää verkkosivustollasi, mikä aiheuttaa enemmän HTTP-pyyntöjä palvelimellesi ja hidastaa yrityksesi toimintaa. Lisäksi useammat lisäosat tarkoittavat enemmän palvelinresurssien käyttöä, mikä hidastaa latausaikoja.
Ei ole väliä, kuinka monta lisäosaa käytät; tärkeintä on niiden laatu. Valitse lisäosia, jotka voivat suorittaa useita tehtäviä, lue arvosteluja saadaksesi tietoa suorituskyvystä, varmista, että niitä päivitetään usein, ja asenna vaihtoehtoja luotettavista lähteistä.
Hanki nopea verkkokauppateema
Hyvin usein verkkokauppateemaa valitessaan verkkosivujen suunnittelijat valitsevat estetiikan ottamatta huomioon, kuinka nopeasti sivut latautuvat. Tämän seurauksena käyttöliittymän ulkonäkö on usein tärkeämpi kuin sivun latausnopeus.
Latausajan optimoimiseksi valitse WooCommerce-teema, joka on kevyt ja suorituskykyoptimoitu. Varmista, että teema on responsiivinen ja että sillä on puhdas koodipohja.
Muista myös, että monet teemat antavat sinun poistaa käytöstä elementtejä, joita et käytä. Selvittääksesi, latautuuko teema nopeasti, kokeile käyttää nopeustyökaluja demosivujen testaamiseen tai selaa käyttäjien jättämiä arvosteluja.
Pakkaa kuvat
On tärkeää pienentää kuvien kokoa ennen niiden julkaisemista verkkosivustollesi, koska suurten kuvien käyttäminen hidastaa dramaattisesti sivun latausnopeuksia. Skaalaa kuvat oikean kokoisiksi verkkosivustollesi käyttämällä ohjelmistoja, kuten Photoshop, GIMP tai Figma.
Valokuviesi tiedostokokoja voidaan pienentää ilman laadun heikkenemistä pakkaamalla. Valitse oikea muoto; ellei kuvassasi ole läpikuultavaa taustaa, JPEG-kuvat, jotka ovat pienempiä, ovat yleensä parhaita ladata. Huomioi koko: 2000 pikselin kuvan lataaminen ei sovi paikkaan, joka on vain 500 pikseliä leveä. Pakkaa kuva sen käsittelyn jälkeen: kuvankompressorit pienentävät tiedostokokoa poistamalla kaikki tarpeettomat tiedot ja metatiedot.
Ota käyttöön laiska lataus
Ominaisuus, jota kutsutaan laiskaksi lataukseksi, estää kuvien latautumisen, kunnes sivuston kävijä vierittää alas kohtaan, jossa ne näkyvät sivulla. Tämän seurauksena asiakkaidesi ei tarvitse odottaa, kun mediasi latautuu, jotta he voivat nähdä sisältösi. Jos verkkosivustollasi on paljon kuvia, tämä strategia voi lyhentää huomattavasti kaupan latausaikoja.
Voit asentaa laiskan latauksen WooCommerce-kauppaasi käyttämällä WordPress-lisäosia. Lisäosat lyhentävät aikaa, joka kuluu verkkosivustosi avaamiseen alun perin.
Toimita staattiset resurssit CDN:n kautta
Sisällönjakeluverkko (CDN) on palvelinverkko, joka on sijoitettu strategisesti ympäri maailmaa. Näiden palvelinsijaintien nimet ovat Points of Presence (PoP). CDN:n päätehtävä on staattisten resurssien, kuten kuvien, JavaScriptin, CSS:n jne., välimuistiin tallentaminen ja toimittaminen.
Vaikka verkkosivustosi olisi isännöity erittäin nopealla palvelimella, sen sijainti vaikuttaa silti. Verkon viive ja aika ensimmäiseen tavuun (TTFB) vähenevät CDN:n ansiosta, mikä lyhentää etäisyyttä kunkin käyttäjän ja sivuston resurssien välillä.
Se valitsee automaattisesti lähimmän CDN PoP:n toimittamaan välimuistiin tallennetut resurssit pyynnön alkuperän perusteella. Monet CDN:t tarjoavat lisäsuorituskykyä parantavia ominaisuuksia välimuistin lisäksi, kuten paremman reaaliaikaisen kuvien pakkaamisen, HTTP/3-tuen, hotlink-eston ja parannetun turvallisuuden.
Poista käyttämättömät skriptit ja tyylisivut
Suurin osa WordPress-lisäosista ja -teemoista lataa skriptejä ja tyylisivuja jokaiselle verkkosivustosi sivulle. Vaikka niitä ei tarvittaisi sivulla, ne lataavat silti nämä kohteet.
Poistamalla nämä tarpeettomat elementit verkkosivustoilta voit vähentää sivun paisumista ja nopeuttaa WooCommerce-sivun latautumista, mikä voi säästää aikaa uusien sivustojen perustamisessa ja henkilöstön määrittämisessä. WooCommerce on altis tälle ongelmalle, samoin kuin sen laajennukset.
Tarkastele vesiputouskaaviota verkkosivustosi nopeustestin tuloksessa määrittääksesi, mitä poistaa. Se auttaa sinua tunnistamaan kaikki tarpeettomat resurssit.
Päästäksesi eroon tarpeettomista skripteistä ja tyyleistä, käytä wp_dequeue_script- ja wp_dequeue_style-toimintoja. Asset CleanUp: Page Speed Booster on yksi lisäosista, jotka tekevät saman tavoitteen saavuttamisesta helppoa.
Kuvakaappaus otettu viralliselta WordPress-verkkosivustolta
Käytä välimuistia
Välimuisti on resurssien väliaikaista tallentamista yhdestä pyynnöstä, jotta tulevat pyynnöt voidaan käsitellä nopeasti. Sekä palvelin että käyttäjän laite voivat pitää välimuistia.
Kun käyttäjä tekee pyynnön verkkosivustolle, DNS-palvelin hakee verkkosivun isännöintipalvelimelta, ja verkkopalvelimen sovellus suorittaa skriptejä, etsii tietokannasta ja tuottaa verkkosivun, jonka selain sitten renderöi ja näyttää käyttäjälle. Palvelin joutuu valtavan paineen alle, kun tuhannet kävijät tekevät useita pyyntöjä kerralla, mikä aiheuttaa sivun hitaan latautumisen.
Välimuisti astuu kuvaan tässä tilanteessa. Se vähentää sivunäkymän tuottamiseen tarvittavaa vaivaa, mikä vähentää WordPressin riippuvuutta PHP:sta ja tietokannasta. WordPress toimii melkein yhtä nopeasti kuin staattiset verkkosivut, ellei jopa täsmälleen.
Palvelinpuolen välimuisti ja selaimen välimuisti ovat kaksi pääluokkaa verkkotallennuksessa, joilla kummallakin on useita alaluokkia.
Rajoita versioita
WooCommerce tarjoaa vakiomuotoisen versiotarkistuksen tuotesivuilla, jonka avulla voit palata takaisin ja nähdä sivuille tehtyjä muutoksia. Vaikka muutokset saattavat vaikuttaa edullisilta, ne voivat joskus aiheuttaa WooCommerce-suorituskykyongelmia.
Esimerkiksi oletetaan, että luot sivun ja muokkaat sitä useita kertoja, lisäten tai poistaen yhden elementin joka kerta. Sinulla on yhtä monta kopiota alkuperäisestä sivustasi kuin teit muutoksia, vaikka muutos olisi pieni. WooCommerce-suorituskyky voi lopulta kärsiä tästä ja vähitellen heikentyä.
Sinun on tehtävä tiettyjä muutoksia wp-config.php-tiedostoon verkkosivuston juuressa rajoittaaksesi/poistaaksesi versioita.
Puhdista tietokanta
Joka kerta kun käyttäjä tulee verkkosivustollesi, hän pyytää verkkosivustosi sisältöä, joka on suurelta osin staattista. He tekevät kuitenkin dynaamisen pyynnön, kun he tekevät tilauksen.
Jos kauppasi tietokantaa ei ole optimoitu, näiden kyselyjen käsittely voi kestää liian kauan. Hidas palvelimen vastausaika johtaa lopulta hitaaseen verkkosivustoon. Tämän seurauksena sinun on poistettava tarpeeton roska puhdistaaksesi ja optimoidaksesi tietokannan.
Tietokannan optimointiin on useita lähestymistapoja:
- Päästä eroon vanhoista versioista. WooCommerce-kauppasi sivut, artikkelit ja tavarat ovat täynnä vanhentuneita muutoksia, jos se on ollut verkossa jonkin aikaa. On aika siivota ne. Helpoin tapa on käyttää lisäosia, kuten WP-Sweep tai WP Rocket.
- Poista vanhentuvat transientit. Viallinen väliaikainen välimuisti tuottaa toisinaan yli miljoona hyödytöntä merkintää ilman näkyvää loppua. Ajan myötä asiakasistunnot voivat kerääntyä, mikä lisää tuhansia ylimääräisiä merkintöjä tietokantatauluihisi. Paisunut tietokanta voi kaataa verkkosivustosi tällaisissa olosuhteissa. Kaikki vanhentuneet transientit voidaan helposti poistaa ilmaisella Delete Expired Transients -lisäosalla.
Kuvakaappaus otettu viralliselta WordPress-verkkosivustolta
- Puhdista tietokantataulusi. Kaikki verkkokauppasi pyörittämiseen tarvittava säilytetään WooCommerce-tietokannassasi. Tietokannastasi tulee tehoton ja se päätyy säilyttämään paljon epäolennaista dataa, kun dataa lisätään ja siirretään taulujen välillä. Tietokantataulujen puhdistaminen on elintärkeää tämän ylimääräisen tiedon poistamiseksi.
- Poista käytöstä ominaisuuksia, jotka eivät ole kriittisiä, mutta rasittavat tietokantaa. WooCommerce-teemoissa ja -lisäosissa on monia älykkäitä ominaisuuksia, jotka aluksi vaikuttavat upeilta, mutta päätyvät tuhoamaan tietokannan. Yksi esimerkeistä on kuvien pakkauslisäosat, jotka pakkaavat kuvia samalla palvelimella, joka isännöi verkkosivustoa. Lisäosia, jotka lisäävät laskureita verkkosivustollesi, kuten näkymiä, kommentteja jne., tulisi myös välttää.
Suorita mobiilioptimointi
Oberlon mukaan 60 % ostajista sanoo, että mahdollisuus tehdä ostoksia mobiililaitteella on tärkeä kriteeri brändin valinnassa. Siksi mobiilioptimointi on ehdottoman tärkeää.
Responsiivisen teeman käyttäminen on yksinkertaisin tapa mukauttaa WordPress-verkkosivustosi mobiililaitteille. Pidä kauppasivusi mahdollisimman yksinkertaisina, koska mobiilikäyttäjät eivät pidä loputtomasta vierittämisestä. Älä kuormita heitä tiedolla.
Jos yritykselläsi on paljon esillä olevia tuotteita, tee niiden etsimisestä helpompaa mobiilikäyttäjille tarjoamalla reaaliaikaisia tuotesuodattimia. Harkitse WooCommerce Product Search -lisäosan asentamista.
Käytä Chromen Lighthouse-työkalua tai Googlen mobiiliystävällisyystestityökalua nähdäksesi, täyttääkö verkkosivustosi vaaditut mobiilikäytettävyysohjeet.
Minimoi uudelleenohjaukset
Palvelin tallentaa jokaisen napsautuksen linkkiin kauppasi sivulla uudelleenohjauksena. Pohjimmiltaan palvelimen on ohjattava käyttäjät oikealle sivulle. Vaikka se kestää vain muutaman sekunnin, asiakkaat voivat kokea sen pitkänä aikana, mikä vaikuttaa suoraan kauppasi poistumisprosenttiin.
Jos verkkosivustollasi on paljon uudelleenohjauksia, käytät palvelinresursseja ja pidennät aikaa, joka kuluu lopulliselle sivulle pääsemiseen. Tämän seurauksena uudelleenohjauksen vähentäminen johtaa huomattavaan lisäykseen sivun latausajassa, koska se on hyväksi todettu WooCommerce-optimointimenetelmä.
Päivitä PHP-versiosi ja lisää muistirajoitusta
Jokainen PHP-päivitys on nopeampi kuin edelliset versiot. Isäntäsi määrittää käyttämäsi PHP-version, ja voit usein muuttaa sitä hosting-ohjauspaneelissasi. Erityinen menettely voi kuitenkin vaihdella palveluntarjoajasi mukaan. Vaihtoehtoisesti voit vain pyytää asiakaspalvelua tekemään sen puolestasi. Ennen PHP-version päivittämistä, tee täydellinen verkkosivuston varmuuskopio ja testaa sitten kaikki varmistaaksesi, että se toimii oikein.
Hosting-yrityksesi on varannut tietyn määrän muistia verkkosivustollesi. Voit kuitenkin ylittää tämän rajan tietyn sivustosi perusteella. Voit aina ottaa yhteyttä hosting-yritykseesi, jos hosting-ohjauspaneelisi ei salli sinun muuttaa rajaa. PHP saa WordPressiltä oletusarvoisesti 32 Mt muistia. Se yrittää automaattisesti nostaa tätä rajaa 40 Mt:iin tai 64 Mt:iin, jos se kohtaa ongelmia. Tämä raja ei usein riitä WooCommerce-sivustolle. On suositeltavaa nostaa tämä raja 256 Mt:iin.
Loppusanat
Yllä annettujen menetelmien avulla voit parantaa dramaattisesti WooCommerce-kauppasi nopeutta, kattaen kaiken perusasetusten säädöistä edistyneisiin palvelinpuolen ratkaisuihin. Nämä tekniikat ovat olemassa parantamaan verkkosivustosi nopeutta ja niiden tulisi olla osa jatkuvaa strategiaa, ei vain parantaa, vaan myös ylläpitää sivuston suorituskykyä.
Loppujen lopuksi nopeuden optimointi ei ole kertaluonteinen tehtävä, vaan jatkuva sitoumus. Verkkosivustosi nopeuden säännöllinen seuranta eri työkalujen ja menetelmien avulla voi antaa arvokasta tietoa siitä, kuinka hyvin WooCommerce-optimointiponnistelusi toimivat.
