Kuvitellaan tilanne: Avaat yrityksesi uudet verkkosivut omalla puhelimellasi toimiston nopeassa Wi-Fi-verkossa. Sivu välähtää näytölle silmänräpäyksessä. Myhäilet tyytyväisenä: ”Onpa nopeat verkkosivut, kyllä kelpaa.”
Sitten teet saman testin Googlen virallisella PageSpeed Insights -työkalulla, ja ruutuun pamahtaa punainen luku: 50/100.
Mitä ihmettä? Miten sivusto voi tuntua nopealta, vaikka analytiikka väittää sen olevan etana? Ja kumpi on oikeassa: sinä vai Google? (Spoileri: Google on se, joka päättää hakutuloksesi, joten sen mielipiteellä on väliä).
Suuri harha: Miksi sivusto näyttää nopealta, vaikka se ei ole sitä?
Kun vierailet omilla sivuillasi usein, selaimesi on fiksu. Se tallentaa sivun kuvat, koodit ja rakenteet puhelimesi tai tietokoneesi muistiin (tätä kutsutaan välimuistiksi eli cacheksi). Kun menet sivulle uudestaan, selaimesi ei lataa kaikkea netistä, vaan nappaa ne suoraan laitteeltasi.
Uudelle asiakkaalle tai Googlen hakubotille tilanne on täysin eri. He tulevat sivustolle “kylmänä”.
Lisäksi moni “raskas” sivustonrakennustyökalu (kuten Divi tai Elementor väärin optimoituna) on rakennettu niin, että se saattaa näyttää sivun alun nopeasti, mutta taustalla ladataan vielä sekuntikaupalla järjetöntä määrää turhaa koodibloatia, skriptejä ja optimoimattomia kuvia.
Mitä Google oikeasti mittaa? (Tervetuloa Core Web Vitals -maailmaan)
Google ei katso sekuntikelloa siitä, milloin sivu on valmis. Se mittaa käyttäjäkokemusta kolmella tarkalla mittarilla, joita kutsutaan nimellä Core Web Vitals. Nämä ratkaisevat sen, nousevatko sivusi hakutuloksissa vai eivät:
1. LCP (Largest Contentful Paint) – Milloin suurin elementti on valmis?
Tämä mittaa sitä, kuinka kauan kestää, että sivun suurin visuaalinen elementti (yleensä iso otsikko tai pääkuva) on kokonaan ladattu. Jos asiakas näkee tekstin, mutta kuva latautuu “pätkittäin” kaksi sekuntia myöhemmin, LCP sakottaa ja Google merkitsee sivun hitaaksi.
2. INP (Interaction to Next Paint) – Miten nopeasti sivu reagoi?
Oletko koskaan ollut sivustolla, jossa klikkaat valikkoa tai painiketta, ja mitään ei tapahdu puoleen sekuntiin? Sivusto näyttää olevan valmis, mutta taustalla pyörivä raskas koodi tukkii selaimen. INP mittaa tätä turhautumista. Jos sivu ei reagoi heti klikkaukseen, arvosana tippuu.
3. CLS (Cumulative Layout Shift) – Hyppiikö sisältö silmille?
Latautuuko sivu niin, että olet juuri klikkaamassa jotain painiketta, mutta samalla yläpuolelle pamahtaa jokin kuva tai mainos, joka siirtää painiketta alaspäin – ja klikkaatkin vahingossa väärää asiaa? Tämä ärsyttävä ilmiö on nimeltään Layout Shift. Jos sivun palaset hyppivät latauksen aikana, Google rankaisee armotta.
Miten PageSpeed Analytics -tulokset vaikuttavat hakutuloksiin?
Google on sanonut suoraan, että sivuston latausnopeus ja käyttökokemus ovat virallisia ranking-tekijöitä.
Jos sinulla ja kilpailijallasi on yhtä hyvät tekstit ja saman verran avainsanoja, mutta kilpailijasi sivusto saa PageSpeed-testistä vihreän 95/100 ja omasi punaisen 35/100, arvaa kumman sivun Google nostaa ykköspaikalle?
Hidas tekninen suorituskyky syö myös budjettiasi: jos mainostat sivujasi esimerkiksi Facebookissa tai Google Adsissa, maksat enemmän per klikkaus, jos kohdesivusi on hidas. Ihmiset klikkaavat mainosta, kyllästyvät odottamiseen ja poistuvat ennen kuin sivu edes latautuu.
Miten saat oikeasti nopeat verkkosivut (eikä vain siltä tuntuvia)?
Jos haluat tietää totuuden sivujesi nopeudesta, älä luota omaan puhelimeesi. Aja sivusi ilmaisen Google PageSpeed Insights -työkalun läpi ja katso erityisesti Mobiili (Mobile) -tulosta. Google nimittäin arvioi sivustot nykyään ensisijaisesti sen mukaan, miten ne toimivat mobiililaitteilla.
Oikeasti nopeat verkkosivut vaativat:
-
Kevyen koodipohjan: Ei turhaa koodikuormaa tai kymmeniä päällekkäisiä lisäosia.
-
Älykkään välimuistituksen: Joka on optimoitu oikein myös ensikertalaisille.
-
Modernit kuvakonversiot: Kuvien tarjoamista suoraan AVIF- tai WebP-muodossa oikeassa koossa.
Nettinurkan tavoite verkkosivuisssa
Tavoite on selkeä: teknisesti terveet sivut, mahdollisimman hyvät Core Web Vitals -arvot ja täysi valmius hakukonenäkyvyyteen.
