Sivuston nopeus: näin mittaat ja parannat sitä

Sivuston nopeus on yksi harvoista asioista, joiden vaikutus on mitattavissa kahdessa paikassa yhtä aikaa: kävijä poistuu hitaalta sivustolta ennen sisällön näkemistä, ja Google huomioi nopeuden hakutulosten järjestyksessä. Molemmissa tapauksissa yritys menettää asiakkaita, joita se ei koskaan edes nähnyt.

Hyvä uutinen: nopeus on tekninen ongelma, jolla on tekniset syyt. Toisin kuin monessa markkinointikysymyksessä, tässä voi mitata, korjata ja mitata uudelleen.

Mitä Google oikeasti mittaa

Google käyttää kolmea mittaria nimeltä Core Web Vitals. Niiden takana ei ole abstrakti "nopeus" vaan se, mitä kävijä todella kokee.

LCP (Largest Contentful Paint) — kuinka nopeasti sivun suurin sisältöelementti ilmestyy, yleensä otsikko tai pääkuva. Hyvä tulos on alle 2,5 sekuntia. Tämä on tärkein mittari, koska se mittaa hetken, jolloin kävijä ymmärtää sivun saapuneen.

INP (Interaction to Next Paint) — kuinka nopeasti sivu reagoi klikkaukseen tai kosketukseen. Hyvä tulos on alle 200 millisekuntia. Jos valikko aukeaa puolen sekunnin päästä, sivusto tuntuu rikkinäiseltä, vaikka se latautui nopeasti.

CLS (Cumulative Layout Shift) — kuinka paljon sisältö hyppii latautuessaan. Hyvä tulos on alle 0,1. Klassinen tapaus: painat painiketta, mutta hetkeä aiemmin latautui banneri ja painallus meni muualle.

Näiden rinnalla merkitsee myös TTFB (palvelimen ensimmäinen vastaus) — jos palvelin vastaa hitaasti, kaikki muut mittarit on jo etukäteen menetetty.

Miten testaat oman sivustosi

PageSpeed Insights (pagespeed.web.dev) — liitä osoite ja saat sekä laboratoriomittauksen että oikeiden käyttäjien datan, jos sitä on riittävästi. Katso aina mobiilinäkymää, koska valtaosa kävijöistä tulee puhelimella ja mobiilitulos on lähes aina heikompi.

Search Consolen Core Web Vitals -raportti näyttää oikeiden käyttäjien datan ja sen, mitkä sivuryhmät ovat ongelmallisia. Tämä on tärkeämpi kuin yksittäisen testin pistemäärä.

Selaimen kehittäjätyökalut (Network-näkymä) näyttävät, mikä tiedosto tarkalleen hidastaa. Lajittele koon mukaan — vastaus on yleensä kolmella ensimmäisellä rivillä.

Yksi varoitus: älä tavoittele sataa pistettä. PageSpeedin pistemäärä on arvio, ei tavoite. Olennaista on, että LCP, INP ja CLS ovat vihreällä — 90 pistettä vihreällä LCP:llä on parempi kuin 98 ilman sitä.

Viisi yleisintä hitauden syytä

1. Optimoimattomat kuvat

Ylivoimaisesti yleisin syy. Puhelimella otettu kuva on 4–8 Mt ja 4 000 pikseliä leveä; näytöllä se näytetään 800 pikselin levyisenä. Kävijä lataa kymmenen kertaa enemmän dataa kuin näkee.

Mitä tehdä: pienennä kuvat näytettävään kokoon, käytä nykyaikaisia formaatteja (WebP, AVIF), määritä kuville width ja height (parantaa CLS:ää heti) ja lataa ensinäkymän alapuoliset kuvat myöhemmin (loading="lazy").

2. Liikaa lisäosia

Tyypillinen WordPress-sivusto käyttää 25–40 lisäosaa, ja jokainen lisää omat CSS- ja JS-tiedostonsa jokaiselle sivulle, myös sinne, missä sitä ei käytetä. Lomakelisäosa lataa skriptinsä etusivulla, karusellilisäosa yhteystietosivulla.

Mitä tehdä: poista käyttämättömät lisäosat kokonaan (ei pelkkä poiskytkentä), korvaa usean lisäosan toiminnot yhdellä ja tarkista, lataako jokin lisäosa ulkoisia kirjasimia tai skriptejä. Kun lisäosien määrä on kolminumeroinen ongelma, kyse on arkkitehtuurista eikä asetuksista — katso WordPress vai koodipohjainen sivusto.

3. Hidas tai ylikuormitettu palvelu

Halpa jaettu webhotelli tarkoittaa satoja sivustoja samalla palvelimella. Jos naapuri saa liikennepiikin, sinun sivustosi hidastuu. Yli 600 ms:n TTFB viittaa lähes aina palveluun tai tietokantaan.

Mitä tehdä: mittaa TTFB, tarkista PHP-versio (vanha PHP on moninkertaisesti hitaampi), kytke päälle palvelinpuolen välimuisti ja gzip/brotli-pakkaus. Jos sivusto on liiketoiminnallisesti tärkeä, parempi palvelu on halvin mahdollinen nopeushyöty.

4. Liikaa JavaScriptiä

Jokainen skripti on ladattava, jäsennettävä ja suoritettava — ja se tapahtuu samassa säikeessä, joka piirtää sivun. Analytiikka, chat-ikkunat, evästebannerit, somepainikkeet ja A/B-testaustyökalut kasautuvat päällekkäin.

Mitä tehdä: lataa kolmannen osapuolen skriptit viiveellä (defer/async), luovu skripteistä, joita kukaan ei katso (jos chattiin ei kirjoita kukaan, sen 200 kt ei ole perusteltu), ja tarkista, onko analytiikka ladattu kahdesti.

5. Verkkokirjasimet

Ulkoisesta lähteestä ladattu kirjasin tarkoittaa ylimääräistä yhteyttä ja usein hetkeä, jolloin teksti on näkymätön. Se vahingoittaa yhtä aikaa LCP:tä ja CLS:ää.

Mitä tehdä: isännöi kirjasimet omalla palvelimella, käytä font-display: swap, lataa vain oikeasti käytetyt leikkaukset (ei yhdeksää, jos käytät kolmea) ja rajaa merkistö.

Mitä tehdä, jos sivusto on jo hidas

Käytännön järjestys, joka antaa eniten tulosta pienimmällä vaivalla:

1. Mittaa ensin. Kirjaa LCP, INP ja CLS ylös mobiilinäkymässä. Ilman lähtötasoa et myöhemmin tiedä, paraniko mikään.
2. Korjaa kuvat. Yleensä tämä yksin antaa puolet voitosta.
3. Tarkista TTFB ja palvelu. Jos palvelin vastaa hitaasti, muu ei auta.
4. Karsi skriptit ja lisäosat. Poista kaikki, mitä ei ole viikossa kertaakaan tarvittu.
5. Mittaa uudelleen ja siirry vasta sitten hienosäätöön.

Jos sivusto on rakennettu niin, että jokainen näkymä kootaan tietokannasta ja kymmenestä lisäosasta, katto tulee nopeasti vastaan. Me rakennamme sivustot niin, että kaikki sivut on generoitu etukäteen — palvelin ei laske käynnin hetkellä mitään, tietokantaa ei ole ja hyökkäyspinta on moninkertaisesti pienempi. Sama periaate on avattu artikkelissa siirtyminen WordPressistä moderniin sivustoon.

Tuoko nopeus oikeasti asiakkaita?

Rehellisesti: yksin ei tuo. Jos sivustoa ei löydetä tai sen viesti on epäselvä, 1,2 sekunnin LCP ei pelasta mitään — siitä olemme kirjoittaneet artikkelissa miksi kukaan ei käy sivustollani.

Mutta nopeus on vahvistin. Kun sivusto jo tuo kävijöitä, jokainen säästetty sekunti tarkoittaa, että suurempi osa heistä pääsee sisältöön asti. Ja toisin kuin sisältö ja linkit, se on kertatyö, jonka tulos pysyy.

Yhteenveto

Nopeutta ei tarvitse arvailla — sen voi mitata. Kolme mittaria (LCP, INP, CLS), yksi ilmainen työkalu ja viisi tyypillistä syytä kattavat valtaosan tapauksista, ja pelkät kuvat ratkaisevat niistä usein puolet.

Jos haluat tietää, missä sivustosi on ja mikä sitä konkreettisesti hidastaa, tilaa ilmainen sivustoanalyysi — käymme läpi nopeuden, teknisen hakukoneoptimoinnin ja käyttökokemuksen ja kerromme, missä järjestyksessä kannattaa edetä. Uudesta sivustosta lisää kotisivujen teon sivulla.