Miten verkkosivujen nopeus vaikuttaa käyttäjäkokemukseen ja hakukonenäkyvyyteen?
Hidas sivu ei vain ärsytä, se karkottaa kävijöitä ennen kuin he ehtivät lukea mitään. Googlella on omat mittarinsa nopeudelle, ja ne on helppo ymmärtää ja tarkistaa ilmaiseksi.
Sisällys
Lyhyesti
- Googlen web.dev:n mukaan hyvä lataus tarkoittaa LCP ≤ 2,5 s, INP ≤ 200 ms ja CLS ≤ 0,1 (75. persentiili).
- Nopeus on kävijälle ensisijaisesti käyttökokemus. Sen suora vaikutus sijoitukseen on yksi tekijä monien joukossa.
- Mittaa PageSpeed Insights -työkalulla ja korjaa ensin kuvat, sillä ne ovat yleisin syy hitauteen.
- Älä tavoittele täydellistä pistemäärää vaan toimivaa kokemusta oikeilla laitteilla.
Kuvittele, että napautat hakutuloksen puhelimellasi ja sivu on valkoinen kolme sekuntia. Todennäköisesti palaat takaisin ja valitset seuraavan. Näin tekevät myös asiakkaasi. Siksi nopeus on ennen kaikkea käyttökokemuksen asia, ja vasta toissijaisesti hakukoneoptimoinnin.
Mitä Google mittaa?
Google käyttää sivuston käyttökokemuksen arviointiin kolmea mittaria, joita kutsutaan nimellä Core Web Vitals. Googlen web.dev-sivuston Web Vitals -ohjeen mukaan "hyvä" kokemus tarkoittaa:
| Mittari | Mitä se mittaa | Hyvä taso |
|---|---|---|
| LCP (Largest Contentful Paint) | Kuinka nopeasti sivun suurin sisältö, kuten pääkuva tai otsikko, näkyy | enintään 2,5 sekuntia |
| INP (Interaction to Next Paint) | Kuinka nopeasti sivu reagoi napautukseen tai klikkaukseen | enintään 200 millisekuntia |
| CLS (Cumulative Layout Shift) | Kuinka paljon sisältö hyppii latauksen aikana | enintään 0,1 |
Ohjeen mukaan tavoite on saavuttaa nämä rajat sivun latauksista 75. persentiilillä, eli vähintään kolmessa neljästä lataukselta, ja mittaus tehdään erikseen mobiili- ja tietokonekäytölle.
Käytännössä:
- LCP kertoo, milloin kävijä näkee sivusta jotain hyödyllistä.
- INP kertoo, tuntuuko sivu tahmealta, kun painat painiketta.
- CLS kertoo, hyppiikö sisältö niin, että napautat vahingossa väärää painiketta.
Vaikuttaako nopeus Google-sijoitukseen?
Rehellinen vastaus on: jonkin verran, mutta se ei ole ratkaiseva tekijä yksinään. Nopeus on yksi monista tekijöistä, ja hyvä sisältö, joka vastaa hakijan kysymykseen, painaa yleensä enemmän. Kokonaiskuva löytyy hakukoneoptimoinnin perusoppaasta. Nopeudella on kuitenkin suora vaikutus siihen, mitä kävijä tekee: hidas sivu lisää poistumisia ja vähentää yhteydenottoja. Siksi nopeus kannattaa korjata joka tapauksessa. En väitä tässä tarkkoja lukuja siitä, kuinka paljon nopeus nostaa sijoitusta tai yhteydenottoja, koska en voi tukea niitä luotettavalla lähteellä.
Miten mittaan sivuston nopeuden?
Ilmainen PageSpeed Insights -työkalu analysoi sivun puhelin- ja tietokonenäkymässä ja antaa listan korjausehdotuksia. Muista:
- Katso erikseen mobiili ja tietokone. Mobiili on yleensä hitaampi.
- Älä tuijota pelkkää kokonaispistemäärää. Katso LCP, INP ja CLS sekä ehdotukset.
- Mittaa useampi sivu, ei vain etusivua.
- Jos sivustolla ei ole tarpeeksi kävijöitä, kenttädataa ei välttämättä ole, ja työkalu näyttää vain laboratorioarvion.
Mikä tekee sivuista hitaita?
1. Liian isot kuvat
Yleisin syy hitauteen. Puhelimella otettu kuva voi olla useita megatavuja. Pienennä kuvat sopivaan kokoon ennen lataamista, käytä nykyaikaisia formaatteja (WebP tai AVIF) ja lataa kuvat vasta kun ne tulevat näkyviin.
2. Liikaa skriptejä ja lisäosia
Jokainen ulkoinen skripti, kuten chat-widget, seurantakoodi tai kirjasinpalvelu, lisää latausaikaa. Poista ne, joita et käytä.
3. Raskas rakennusalusta
Joissakin valmispohjissa ja lisäosa-alustoissa jokainen sivu rakennetaan palvelimella tai selaimessa tuhansilla riveillä koodia. Kevyt, käsin tehty sivusto on usein huomattavasti nopeampi.
4. Hidas palvelin
Edullinen palvelintila voi olla hidas. Jos kuvat ja skriptit on optimoitu eikä sivu silti lataudu, kysy palveluntarjoajalta.
5. Hyppivä sisältö
Jos kuvilla ja mainoksilla ei ole varattu tilaa, sisältö hyppii, kun ne latautuvat. Aseta kuville leveys ja korkeus.
Viisi nopeaa korjausta
- Pienennä ja pakkaa kaikki kuvat.
- Lisää kuville leveys ja korkeus sekä lataa sivun alaosan kuvat myöhemmin.
- Poista käyttämättömät lisäosat ja skriptit.
- Käytä yhtä tai kahta kirjasinta, älä kuutta.
- Varmista, että sivusto käyttää turvallista https-yhteyttä.
Esimerkki: kuvat ratkaisivat
Kuvitteellinen esimerkki: kurikkalaisen kaakeloijan etusivulla on 12 kuvaa, joista jokainen on 4–6 megatavua. PageSpeed Insights näyttää mobiilissa LCP:n olevan huomattavasti yli 2,5 sekuntia. Kuvat pienennetään jokainen noin sataan kilotavuun ja sivun alaosan kuvat ladataan vasta vierittäessä. Tulos ei ole täydellinen, mutta LCP lähestyy hyvää tasoa ja sivu tuntuu selvästi nopeammalta. Konkreettisia lukuja ei kannata odottaa kopioitavan tästä esimerkistä, koska jokainen sivusto on erilainen.
Nopeus ja kävijän polku
Nopeus ei ole irrallinen asia. Se on osa kokonaisuutta, johon kuuluvat selkeä viesti, helppo yhteydenotto ja mobiilitoimivuus. Katso millaiset sivut tuovat yhteydenottoja ja verkkosivujen yleisimmät virheet.
Sivustan oma sivusto on toteutettu käsin koodaten ilman raskasta alustaa, ja samaa ajattelua noudatamme asiakkaiden sivuissa: nopeus huomioidaan jo suunnitteluvaiheessa. Voit lukea lisää verkkosivupalvelusta.
Lue myös: mobiiliystävälliset kotisivut, Search Console aloittelijalle.
Yhteenveto
Hyvä nopeus tarkoittaa Googlen mittareilla LCP:tä enintään 2,5 sekuntia, INP:tä enintään 200 millisekuntia ja CLS:ää enintään 0,1. Mittaa PageSpeed Insightsilla, korjaa ensin kuvat ja poista turhat skriptit. Nopeus parantaa ennen kaikkea kävijän kokemusta, ja hyvä kokemus tukee myös hakunäkyvyyttä.
Lähteet
Usein kysyttyä
Mikä on hyvä latausaika verkkosivulle?
Googlen web.dev-ohjeen mukaan sivun suurimman sisältöelementin (LCP) pitäisi latautua enintään 2,5 sekunnissa. Raja koskee 75. persentiiliä sivun latauksista.
Mikä on Core Web Vitals?
Se on Googlen kolmen mittarin kokonaisuus, joka kuvaa sivun käyttökokemusta: latausnopeus (LCP), reagointi (INP) ja visuaalinen vakaus (CLS).
Voiko sivuston nopeuttaa itse?
Usein kyllä: kuvien pienentäminen ja turhien lisäosien poisto auttavat eniten. Jos alusta on raskas, ratkaisu voi vaatia uudistamista.
