Sivuk Ehi Tys — Nettisivun rakentaminen siten, että | sivukehitys.com
Kolme rajalukua ratkaisee, onko sivu arvostelussa nopea: LCP 2,5 sekuntia, INP 200 millisekuntia ja CLS 0,1 — ja kaikkia mitataan 75. prosenttiilista.
LCP eli suurimman sisällön piirtoaika mittaa sitä hetkeä, jolloin sivun suurin näkyvä elementti — usein pääkuva tai otsikkoteksti — on piirretty ruudulle. Raja on 2,5 sekuntia. Käytännössä rajan täyttäminen edellyttää, että ylälaidan kuva on pieni ja skaalattu eikä mikään hidasta sen piirtymistä.
INP eli Interaction to Next Paint korvasi aiemman FID-mittarin. Ero on olennainen: FID mittasi vain ensimmäisen vuorovaikutuksen viivettä, mutta INP mittaa koko istunnon — tyypillisesti 5–10 sekunnin — kaikki vuorovaikutukset. Raja on 200 millisekuntia, joten yksi 180 millisekunnin klikkausviive alittaa sen, vaikka yksikään klikkaus ei yksinään näyttäisi hidasta.
On narrow screens, swipe or scroll the plate sideways.
CLS eli kumulatiivinen asettelun siirtymä lasketaan kahdesta kertoimesta: vaikutuskerroin kertoo, kuinka suuri osa näkymästä liikkuu, ja etäisyyskerroin, kuinka pitkän matkan sisältö siirtyy. Jos 1000 pikseliä korkea mainosalue kutistuu 400 pikselistä 100 pikseliin, vaikutuskerroin on 1,0 ja etäisyyskerroin 300/1000 eli 0,3 — CLS on 0,3 ja sivu hylätään, koska raja on 0,1.
Kaikkia kolmea lukua tarkastellaan 75. prosenttiilista: arvostelu edellyttää, että kolme neljäsosaa latauksista mahtuu rajan sisään. Yksi nopea testiajo omalla koneella ei siis todista mitään, jos todellisten käyttäjien lataukset ovat hitaampia.
Lighthousen laboratoriomittaus antaa osviittaa: mobiilitesti simuloi hidasta 4G-yhteyttä noin 1,6 Mbit/s nopeudella, 150 millisekunnin viiveellä ja nelinkertaisella prosessorin hidastuksella. Kun rajat ovat hallussa, seuraavat askeleet ovat kuvien ja fonttien optimointi sekä julkaisun välimuistisäännöt — molemmille on oma sivunsa tässä oppaassa.
Further reading