Suorituskykymittarit kehittyvät. Core Web Vitals otettiin käyttöön vuonna 2020. Ne korvasivat vanhemmat mittarit (FCP, FID). Viiden vuoden kuluttua uudet mittarit korvaavat Core Web Vitalsin.
Tulevat mittarit mittaavat: tekoälyn latautumista (kuinka kauan kestää, ennen kuin tekoälyominaisuudet vastaavat), reaaliaikaista vastaavuutta (kuinka kauan kestää, ennen kuin suoratoistettavat vastaukset ilmestyvät) ja käyttäjän kokemaa suorituskykyä (miltä sivu tuntuu, ei vain tekniset mittarit).
Kysymys nyt: miten valmistaudumme tuleviin mittareihin, vaikka emme tiedä, mitä ne ovat? Vastaus: mittaa sitä, mikä on tärkeää liiketoiminnallesi. Core Web Vitals mittaavat yleistä käyttökokemusta. Mukautetut mittarit mittaavat liiketoimintakohtaisia tuloksia. Valmistaudu tulevaan rakentamalla mittausjärjestelmiin joustavuutta.
Mittarien kehityksen seuranta
Core Web Vitals on nykystandardi. Se ei kuitenkaan ole pysyvä.
Aikajana:
- 2020: Core Web Vitals otetaan käyttöön (LCP, CLS, FID)
- 2022: FID korvataan INP:llä (vastaavuuden mittari tarkentuu)
- 2024: keskustelu seuraavista mittareista (vuorovaikutuksen odotusaika, suoratoistovastauksen aika)
- Tulevaisuus: uusia mittareita syntyy
Kaava: kun teknologia muuttuu, mittarit muuttuvat. Kun sivuista tuli interaktiivisia, interaktiiviset mittarit (INP) tulivat tärkeiksi. Kun tekoälyintegraatiot yleistyvät, tekoälyn vasteajasta voi tulla tärkeä mittari.
Opetus: keskity periaatteisiin (käyttäjä kokee sivun nopeaksi, reagoivaksi ja vakaaksi), älä itse mittareihin. Periaatteet pysyvät vakaina, vaikka mittarit muuttuvat.
Tekoäly ja reaaliaikainen suorituskyky
Tekoälyominaisuudet yleistyvät. Verkkosivun chatbot vastaa kahdessa sekunnissa. Käyttäjä odottaa nopeampaa.
Nouseva mittari: tekoälyn vasteaika (aika käyttäjän kysymyksestä tekoälyn vastauksen ensimmäiseen tokeniin).
Esimerkki: asiakaspalvelun chatbot tukisivulla. Käyttäjä esittää kysymyksen. Chatbot palauttaa ensimmäisen vastaustokenin kahdessa sekunnissa. Käyttäjän kokemus: chatbot on hidas ja jähmeä.
Optimointi: suoratoistettu vastaus. Palauta ensimmäinen token 500 millisekunnissa ja suoratoista loppuvastaus. Käyttäjä kokee vastauksen välittömäksi, vaikka koko vastaus kestäisi kaksi sekuntia.
Tuleva mittari: mittaa aikaa ensimmäiseen tokeniin (TTF), älä vastauksen kokonaisaikaa. Alle 500 millisekunnin TTF on hyvä.
Esimerkki: SaaS-palvelu, jossa on upotettu tekoälyavustaja.
Nykyinen käyttökokemus:
- Käyttäjä klikkaa avustajan kuvaketta
- Avustaja ilmestyy 1,5 sekunnissa
- Käyttäjä odottaa ja kokee hitautta
- Keskustelukokemus tuntuu hitaalta
Tuleva optimointi:
- Käyttäjä klikkaa avustajan kuvaketta
- Kuvake animoituu heti (välitön palaute, 100 millisekuntia)
- Keskusteluikkuna aukeaa (200 millisekuntia)
- Tekoälyn ensimmäinen vastaus ilmestyy (500 millisekuntia)
- Loput tekoälyn vastauksesta suoratoistetaan (yhdestä kahteen sekuntiin)
Käyttäjän kokemus: välitön vastaus (animaatio ja ikkunan avautuminen näkyvät heti).
Reunalaskenta ja hajautettu suorituskyky
Reunalaskenta tuo laskennan lähemmäs käyttäjiä. Palvelin siirretään New Yorkista Los Angelesin reunasolmuun. TTFB paranee huomattavasti.
Tulevaisuus: laskenta tapahtuu reunalla. HTML:n tuottaminen tapahtuu reunalla. JavaScriptin suoritus tapahtuu reunalla. Tietokantakyselyt hajautetaan reunalle.
Vaikutus mittareihin: TTFB muuttuu merkityksettömäksi (verkon viive lähestyy nollaa). LCP riippuu piirtämisestä, ei palvelimen vasteesta.
Tulevan optimoinnin painopiste: piirtämisen suorituskyky, ei palvelimen vasteen suorituskyky.
Esimerkki: tulevaisuuden reunalla toimiva etusivu.
Nykytila:
- TTFB: 200 millisekuntia (palvelin New Yorkissa, käyttäjä Los Angelesissa)
- LCP: kaksi sekuntia (LCP = TTFB + piirtämiseen kuluva aika)
Tuleva tila (reunalaskenta):
- TTFB: 20 millisekuntia (palvelin Los Angelesin reunasolmussa)
- LCP: 1,5 sekuntia (pullonkaula on piirtämisen aika, ei palvelimen vaste)
Optimointi: piirtämisen suorituskyvyn parantaminen (CSS, JavaScript) muuttuu tärkeämmäksi kuin palvelimen vasteen parantaminen.
Käyttäjän kokema suorituskyky ja subjektiiviset mittarit
Objektiiviset mittarit: LCP on kaksi sekuntia (mitattavissa, objektiivinen).
Subjektiiviset mittarit: sivu tuntuu reagoivalta (subjektiivinen, koettu).
Tutkimukset osoittavat: sivu, joka tuntuu reagoivalta, voi saada samat tekniset mittarit kuin sivu, joka tuntuu hitaalta. Ero on animaatiossa, visuaalisessa palautteessa ja koetussa latautumisessa.
Tuleva mittari: koettu vastaavuus. Mittaa käyttäjän kokemusta, ei vain teknistä mittaria.
Esimerkki: kaksi sivua, joilla on sama LCP (kaksi sekuntia).
Sivu yksi: latautuu heti tyhjäksi sivuksi, ja sisältö ilmestyy kahden sekunnin kohdalla. Käyttäjä kokee hitautta.
Sivu kaksi: näyttää heti luurankonäkymän (200 millisekuntia) ja täyttää sisällön vähitellen kahteen sekuntiin mennessä. Käyttäjä kokee sivun nopeampana (luurankonäkymä luo illuusion nopeammasta latauksesta).
Tekniset mittarit (LCP): samat molemmille (kaksi sekuntia).
Käyttäjän kokemus: sivu kaksi tuntuu nopeammalta.
Tuleva mittari: käyttäjän kokemuspisteet (mittaa subjektiivista kokemusta teknisten mittarien rinnalla).
Suoratoisto ja asteittainen piirto
Nykyinen tapa: piirrä koko sivu ja lähetä se asiakkaalle. Asiakas piirtää sivun. Sivu on interaktiivinen.
Suoratoistotapa: lähetä sivun osat sitä mukaa kuin ne piirtyvät. Asiakas vastaanottaa ja piirtää osat asteittain. Sivu on osittain interaktiivinen ennen kuin se on latautunut kokonaan.
Vaikutus: sivu, jonka täysi lataus kestää kaksi sekuntia, voi olla interaktiivinen 0,5 sekunnissa, jos se suoratoistetaan.
Tuleva mittari: aika interaktiivisuuteen (TTI). Kuinka kauan kestää, ennen kuin käyttäjä voi olla vuorovaikutuksessa sivun kanssa.
Esimerkki: tuotesivu suosituksineen.
Nykyinen tapa:
- HTML latautuu (0,5 sekuntia)
- CSS latautuu (0,3 sekuntia)
- JavaScript latautuu (0,5 sekuntia)
- API-kutsu suosituksille (yksi sekunti)
- Sivu on interaktiivinen 2,3 sekunnissa
Suoratoistotapa:
- HTML suoratoistetaan (0,1 sekuntia) - sivun rakenne näkyy
- CSS suoratoistetaan (0,2 sekuntia) - sivu saa tyylit
- JavaScript suoratoistetaan (0,3 sekuntia) - sivu on interaktiivinen
- API-kutsu suosituksille jatkuu taustalla
- Sivu on interaktiivinen 0,5 sekunnissa
- Suositukset ilmestyvät yhdessä sekunnissa ja sen jälkeen
Käyttäjä voi toimia (lisätä ostoskoriin, klikata painikkeita) 0,5 sekunnissa. Koko sisältö ilmestyy yhdessä sekunnissa ja sen jälkeen.
Tuleva mittari (TTI): 0,5 sekuntia (aiemmin 2,3 sekuntia). Valtava parannus käyttäjän kokemuksessa.
Usein kysytyt kysymykset
Pitäisikö tekoälyn vasteaikaa alkaa mitata jo nyt?
Kyllä, jos sivustollasi on tekoälyominaisuuksia. Mittaa aika ensimmäiseen tokeniin. Seuraa päivittäin. Aseta tavoitteet (alle 500 millisekuntia on hyvä). Valmistaudu tulevaisuuteen, jossa tästä tulee vakiomittari. Vaikka se ei ole vielä virallinen mittari, käyttäjillesi tärkeän mittaaminen valmistaa sinut tulevaan. Rakenna tämä suoraan verkkosivustollesi WEMASY-sivustonrakentajalla.
Miten valmistaudumme tuleviin suorituskykymittareihin, joita emme vielä tunne?
Rakenna joustava mittausjärjestelmä. Mittaa Core Web Vitals (nykystandardi). Mittaa myös mukautettuja mittareita (se, mikä on tärkeää liiketoiminnallesi). Kun uusia mittareita ilmestyy, voit lisätä ne olemassa olevien rinnalle. Joustavuus on avainasia.
Kannattaako reunalaskentaan sijoittaa suorituskyvyn vuoksi?
Kyllä, jos sinulla on käyttäjiä ympäri maailmaa. Reunalaskenta lyhentää TTFB:tä huomattavasti (verkon viive poistuu). Investointi kannattaa. Jos käyttäjäsi keskittyvät yhdelle alueelle, CDN riittää. Maailmanlaajuinen yleisö hyötyy reunalaskennasta.
Miten käyttäjän kokemaa suorituskykyä mitataan?
Kysy käyttäjiltä. Kysy: tuntuuko sivu nopealta, reagoivalta ja vakaalta? Yhdistä kyselyn tulokset teknisiin mittareihin. Voit huomata, että käyttäjät kokevat sivun nopeammaksi, vaikka tekniset mittarit pysyisivät samoina. Käytä palautetta suunnittelun tukena (lisää luurankonäkymiä, animaatioita ja visuaalista palautetta).
Onko aika interaktiivisuuteen (TTI) uusi vakiomittari?
Mahdollisesti. TTI on interaktiivisilla sivuilla LCP:tä merkityksellisempi (käyttäjä voi toimia ennen kuin sivu on latautunut kokonaan). Tällä hetkellä standardi on kuitenkin Core Web Vitals (LCP, CLS, INP). TTI on nouseva mutta ei vielä virallinen. Seuraa molempia.
Miten pysymme ajan tasalla uusista suorituskykymittareista ja standardeista?
Seuraa virallisia lähteitä: Googlen suorituskykypäivityksiä, web.dev-sivustoa ja W3C:n standardointiryhmiä. Seuraa alaa: verkkokehityksen julkaisuja, suorituskykytestauksen blogeja ja kehittäjäkonferenssien puheita. Uudet mittarit ilmestyvät näiden kanavien kautta. Pysy perillä. Ota käyttöön ajoissa, kun uusi standardi tulee relevantiksi sivustollesi.