Hidas kauppa maksaa kahdesti: kävijä lähtee ennen kuin sivu latautuu, ja hakukone näkee saman ongelman. Nopeusoptimointi ei kuitenkaan ala työkalusta vaan mittauksesta. Moni kauppa korjaa ensin asioita, joilla on pieni vaikutus, koska ne näkyvät raportissa ensimmäisinä.
Mittaa ensin oikein
Laboratoriotesti, kuten Lighthouse, mittaa yhtä latausta yhdellä laitteella. Hakukone käyttää todellisten käyttäjien mittaustietoa, ja sen näet PageSpeed Insightsin kenttätiedoista ja Search Consolen Core Web Vitals -raportista. Kolme lukua ratkaisee:
- LCP (Largest Contentful Paint): suurimman näkyvän elementin latautuminen, hyvä enintään 2,5 sekuntia.
- INP (Interaction to Next Paint): kuinka nopeasti sivu reagoi napautukseen, hyvä enintään 200 millisekuntia.
- CLS (Cumulative Layout Shift): kuinka paljon sivu hyppii latautuessaan, hyvä enintään 0,1.
Mittaa etusivu, yksi kategoriasivu ja yksi tuotesivu — ne ovat eri malleja ja hidastuvat eri syistä.
Shopify: yleisimmät syyt
- Sovellukset: moni sovellus lataa oman skriptinsä jokaiselle sivulle, myös sinne, missä sitä ei tarvita. Poistetut sovellukset jättävät usein koodia teemaan.
- Etusivun karuselli ja videot, jotka lataavat raskaan median ensimmäisenä.
- Kuvat ilman oikeaa kokoa: teeman pitäisi pyytää kuva näytön kokoisena, ei alkuperäisenä tiedostona.
- Seurantakoodit: analytiikka-, mainos- ja chat-skriptit kilpailevat samasta suoritusajasta.
- Fontit: useita fonttiperheitä ja -painoja ladattuna ilman tarvetta.
Shopifyn palvelin ja sisällönjakeluverkko ovat jo nopeita, joten Shopify-kaupan nopeus ratkeaa lähes aina teemassa ja sovelluksissa. Mitä sovelluksia kauppa lataa, näet maksuttomalla sovellusten tunnistimella.
WooCommerce ja WordPress: yleisimmät syyt
- Palvelin: halpa jaettu palvelin ja vanha PHP-versio hidastavat jokaista sivua.
- Välimuisti: sivuvälimuisti nopeuttaa tuote- ja kategoriasivuja, mutta ostoskori, kassa ja tili on rajattava sen ulkopuolelle, joten niiden on oltava nopeita ilman sitä.
- Lisäosat: jokainen lisäosa voi lisätä tietokantakyselyjä, skriptejä ja tyylitiedostoja kaikille sivuille.
- Ostoskorin päivitys: WooCommercen ostoskorin AJAX-päivitys voi kuormittaa palvelinta jokaisella sivulatauksella.
- Tietokanta: vanhat versiot, väliaikaistiedot ja automaattisesti ladattavat asetukset kasvattavat jokaista kyselyä.
Korjausjärjestys, joka tuottaa tulosta
- Selvitä, mikä elementti on LCP etusivulla, kategoriassa ja tuotesivulla, ja varmista että se latautuu ensimmäisenä oikean kokoisena.
- Poista käyttämättömät sovellukset tai lisäosat ja niiden jäljelle jättämä koodi.
- Lykkää skriptit, joita ei tarvita ennen ensimmäistä vuorovaikutusta: chat, arvostelut sivun alaosassa, sosiaalisen median upotukset.
- Anna kuville ja upotuksille mitat, jotta sivu ei hypi (CLS).
- Karsi fontit kahteen painoon ja lataa ne omalta palvelimelta tai alustan kautta.
- Mittaa uudelleen kenttätiedoista muutaman viikon kuluttua — laboratoriotesti näyttää muutoksen heti, kenttätieto viiveellä.
Milloin alustan vaihto on oikea ratkaisu
Jos WooCommerce-kauppa on hidas siksi, että palvelin, lisäosat ja päivitykset vievät jatkuvasti aikaa, ongelma ei ole yksittäinen asetus vaan ylläpitomalli. Silloin siirto Shopifyyn voi olla perusteltu, koska palvelinpuoli poistuu kokonaan omalta vastuulta. Jos taas syy on raskas teema tai liian monta skriptiä, sama ongelma siirtyy uudelle alustalle mukana. Siirron vaiheet kerrotaan kirjoituksessa WooCommercesta Shopifyyn.
Teemme Shopify-kauppojen nopeusoptimoinnin kiinteällä laajuudella: katso Shopify-nopeusoptimointi. Hakukonenäkyvyyden muut osat kokoaa Shopify-hakukoneoptimointi.