Hidas WordPress-sivu ei aina tarvitse uutta teemaa. Ongelma voi olla valtava hero-kuva, turha lisäosa, hidas palvelin tai väärin asetettu välimuisti. Aloita mittaamisesta ja testaa korjaukset niin, etteivät lomakkeet tai kaupan ostoskori rikkoudu.
Mittaa eri sivut, ei vain etusivua
Testaa etusivu, tärkein palvelusivu ja yksi raskas sisältösivu esimerkiksi PageSpeed Insightsilla. Vertaa mobiili- ja työpöytätuloksia. Erota laboratoriotesti oikeista käyttäjäkokemuksista, jos kenttätietoa on saatavilla.
Katso erityisesti suurimman näkyvän sisällön latautumista (LCP), vuorovaikutuksen viivettä (INP) ja asettelun vakautta (CLS). Mittareiden tausta löytyy Core Web Vitals -ohjeesta. Yksi korkea pistemäärä ei ole koko käyttökokemus.
Kuvat ovat usein helpoin ensimmäinen korjaus
Katso ensin sivun alussa oleva suuri kuva. Onko sitä varten siirretty useita megatavuja, vaikka kuva näkyy pienessä tilassa? Valitse sopiva resoluutio ja pakkaus sekä tarvittaessa WebP- tai AVIF-muoto.
Ensimmäisen näkymän tärkeintä kuvaa ei yleensä kannata laiskasti ladata, koska se voi viivästyttää juuri sen sisältöelementin näkymistä. Alempana olevia kuvia voi usein ladata vasta tarvittaessa. Lisää myös kuvien mitat, jotta sivu ei hypi.
Älä asenna päällekkäisiä optimointilisäosia
Lisäosien kokonaismäärä ei kerro kaikkea: yksikin huonosti toteutettu lisäosa voi hidastaa paljon. Selvitä päällekkäiset fontit, animaatiot, seurannat, chatit ja optimointityökalut. Poista ensin tarpeeton ominaisuus, älä oletuksena koko laajennusta.
Tee muutokset testiympäristössä ja ota varmuuskopio. Maksut, ajanvaraus, tietosuoja, lomakkeet ja analytiikka voivat riippua skripteistä, jotka näyttävät vain ulkopuoliselta kuormalta.
Välimuisti ja palvelin edellyttävät eri ratkaisuja
Staattinen palvelusivu sopii usein hyvin välimuistiin. Ostoskori ja asiakkaan tili sisältävät käyttäjäkohtaisia tietoja, joten niitä ei saa käsitellä samalla tavalla. Välimuistiasetuksia pitää siksi testata nimenomaan kyseisessä sivustossa.
Jos palvelin vastaa hitaasti jo yksinkertaisella sivulla, tarkista hosting, tietokannan kuorma ja palvelinlokit. Uuden lisäosan asentaminen ei muuta hidasta taustajärjestelmää nopeaksi. Hosting-vaihtoehtojen vertailu auttaa hahmottamaan valintaa.
Tarkista toimintakunto jokaisen muutoksen jälkeen
- Ota varmuuskopio ja tallenna lähtötilanteen mittaus.
- Tee yksi korjaus kerrallaan.
- Tarkista mobiilivalikko, palvelusivut ja fonttien toiminta.
- Lähetä testilomake ja varmista, että viesti saapui.
- Verkkokaupassa testaa koko ostoskori- ja maksupolku turvallisella testitavalla.
- Vertaa mittauksia samoissa olosuhteissa.
Nopeusparannus ei ole onnistunut, jos se rikkoo tärkeän liiketoimintatoiminnon. Suunnittele myös palautustapa ennen julkaisua.
Rakennan ja kehitän verkkosivuja, verkkokauppoja, integraatioita ja raportointia liiketoiminnan tarpeista lähtien.
Kuka olen? · Katso toteutuksia