Hidas nettisivu johtuu harvoin vain yhdestä asiasta. Tavallisimpia syitä ovat liian suuret kuvat, raskaat videot, paljon JavaScriptiä, ulkopuoliset seurantatyökalut, fontit ja hidas palvelinvastaus. Korjaaminen kannattaa aloittaa mittaamisesta eikä arvaamisesta.

Google käyttää Core Web Vitals -mittareita arvioimaan todellista käyttäjäkokemusta latauksessa, reagoinnissa ja visuaalisessa vakaudessa.

1. Kuvat ovat liian suuria

Tämä on yksi helpoimmista ongelmista ymmärtää.

Jos sivulle ladataan esimerkiksi usean megatavun valokuva, vaikka se näytetään pienenä korttikuvana, käyttäjä joutuu silti lataamaan turhan suuren tiedoston.

Ratkaisuja ovat:

  • oikea kuvakoko käyttötarkoitukseen
  • moderni tiedostomuoto
  • järkevä pakkaus
  • responsiiviset kuvaversiot
  • alempana olevien kuvien viivästetty lataus

Hero-kuvaa ei kuitenkaan kannata viivästää väärällä tavalla, jos se on sivun suurin näkyvä elementti.

2. Sivulla on raskas video heti alussa

Automaattisesti latautuva taustavideo voi näyttää hyvältä nopealla yhteydellä mutta hidastaa sivun ensimmäistä näkymää merkittävästi.

Jos video ei ole olennainen viestin ymmärtämiselle, kevyt kuva tai hallittu videolataus voi toimia paremmin.

3. JavaScriptiä on enemmän kuin sivu tarvitsee

Jokainen lisäkirjasto, animaatio, widget ja seurantascripti voi lisätä selaimen työtä.

Ongelma ei ole JavaScript itsessään. Ongelma on tarpeeton työ, joka pitää tehdä ennen kuin käyttäjä voi käyttää sivua sujuvasti.

4. Kolmannen osapuolen työkalut hidastavat

Chatit, ajanvaraukset, kartat, videot, analytiikka, mainospikselit ja muut ulkopuoliset palvelut voivat lisätä verkkopyyntöjä ja JavaScriptiä.

Kysy jokaisesta työkalusta:

tuoko tämä asiakkaalle tai yritykselle niin paljon hyötyä, että latauskustannus kannattaa?

5. Fontteja ladataan liikaa

Useat fonttiperheet ja monet lihavuudet voivat lisätä latausta ja aiheuttaa tekstin vaihtumista kesken sivun avautumisen.

Usein yksi tai kaksi hyvin valittua fonttia riittää.

6. Palvelin vastaa hitaasti

Jos sivuston palvelin tai taustajärjestelmä aloittaa vastauksen hitaasti, selain joutuu odottamaan ennen kuin varsinainen sivun rakentaminen edes alkaa.

Staattinen tai hyvin välimuistitettu sisältö voi olla erittäin nopeaa, koska jokaisella sivulatauksella ei tarvitse rakentaa näkymää alusta palvelimella.

7. Sivun yläosa rakentuu liian raskaasti

Käyttäjä kokee sivun hitaaksi, jos suurin näkyvä elementti ilmestyy myöhään, vaikka taustalla tapahtuisi paljon muuta nopeasti.

Tämä näkyy usein LCP-mittarissa (Largest Contentful Paint), joka mittaa kuinka nopeasti sivun suurin näkyvä sisältöelementti piirtyy käyttäjälle.

8. Sivun asettelu hyppii latauksen aikana

Jos kuvalle tai upotukselle ei ole varattu tilaa, muu sisältö voi liikkua sen latautuessa.

Tämä on ärsyttävää ja voi johtaa virhepainalluksiin. Googlen CLS-mittari (Cumulative Layout Shift) seuraa tällaista odottamatonta visuaalista liikkumista.

Mitä Core Web Vitals -luvut tarkoittavat?

Google suosittelee hyvän käyttäjäkokemuksen tavoitteiksi:

  • LCP (Largest Contentful Paint): enintään 2,5 sekuntia – kuinka nopeasti pääsisältö tulee näkyviin
  • INP (Interaction to Next Paint): alle 200 millisekuntia – kuinka nopeasti sivu reagoi käyttäjän toimintaan
  • CLS (Cumulative Layout Shift): alle 0,1 – kuinka vakaana sivun asettelu pysyy latauksen aikana

Näitä kannattaa tarkastella oikeiden käyttäjien datasta silloin, kun sitä on riittävästi.

PageSpeed Insights antaa lisäksi laboratoriomittauksia, joilla yksittäisiä ongelmia voidaan paikantaa.

Mitä PageSpeed-pisteet kertovat?

PageSpeed Insights on Googlen maksuton työkalu, jolla voi arvioida verkkosivun nopeutta. Sen suorituskykypisteet kertovat asteikolla 0-100, miten sivu suoriutui testin lataus- ja käyttövalmiusmittauksista. Tulos 90-100 kuuluu työkalun hyvään luokkaan.

Käytännössä nopeus tarkoittaa esimerkiksi sitä, että palvelukuvaus tulee nopeasti näkyviin eikä asiakkaan tarvitse odottaa päästäkseen käyttämään sivua.

Miksi puhelimelle ja tietokoneelle tulee eri pisteet?

Työkalu testaa mobiili- ja tietokoneversion erikseen. Mobiilitesti jäljittelee hitaampaa laitetta ja yhteyttä, joten sama sivu voi saada siinä matalamman tuloksen.

Kun vertailet tuloksia, katso aina, onko kyse mobiili- vai tietokonetestistä ja milloin mittaus on tehty.

Miksi pistemäärä voi muuttua?

Palvelimen kuormitus, ulkopuolisten palvelujen latautuminen ja testiolosuhteet voivat vaihdella. Siksi samakin sivu voi saada eri mittauskerroilla hieman eri tuloksen.

Yksi mittaus kertoo yhden testihetken tilanteen. PageSpeedin testipisteet eivät myöskään ole sama asia kuin oikeilta kävijöiltä kerätyt Core Web Vitals -tiedot.

Tarkoittaako 100 pistettä hyvää sivustoa?

Hyvä tulos kertoo suorituskyvystä kyseisessä testissä. Se ei yksin kerro, löytyykö palvelun hinta helposti, ovatko tekstit ymmärrettäviä tai toimiiko yhteydenottolomake.

Täydet pisteet eivät myöskään takaa hyvää Google-sijoitusta. Nopeuden lisäksi tarvitaan hyödyllistä sisältöä ja toimiva kokonaisuus.

Pitääkö PageSpeedissä saada 100 pistettä?

Ei.

Google itse muistuttaa, ettei täydellisen pistemäärän jahtaaminen vain SEO:n (Search Engine Optimization) eli hakukoneoptimoinnin vuoksi ole välttämättä paras ajankäyttö. Tärkeämpää on hyvä kokonaiskokemus.

Jos sivu on nopea käyttää, tärkeä sisältö näkyy nopeasti ja yhteydenotto toimii sujuvasti, olet oikealla tiellä.

Mistä korjaaminen kannattaa aloittaa?

Tee tässä järjestyksessä:

  1. Mittaa tärkeimmät sivut.
  2. Tarkista suurimmat kuvat ja videot.
  3. Poista tarpeettomat ulkopuoliset skriptit.
  4. Tarkista yläosan tärkeimmän sisällön lataus.
  5. Varaa kuville ja upotuksille tilat etukäteen.
  6. Tarkista fontit.
  7. Selvitä palvelin- tai hostingviive, jos se on merkittävä.
  8. Testaa puhelimella tavallisessa mobiiliverkossa.

Miten GC huomioi nopeuden?

GC:n nettisivupalveluun kuuluu kuvien optimointi, hosting, HTTPS (Hypertext Transfer Protocol Secure) eli salattu verkkoyhteys ja jatkuva tekninen huolenpito. Sivustot rakennetaan puhelimelle, tabletille ja tietokoneelle toimiviksi. Tavoittelemme jokaisella sivulla 100/100-suorituskykypisteitä Google PageSpeed Insightsissa.

Nopeus ei synny yhdestä tempusta, joten toteutuksessa kannattaa pitää sivu mahdollisimman kevyenä jo alusta asti eikä yrittää korjata raskasta rakennetta vasta lopuksi.

Katso myös mitä mobiiliystävällinen nettisivu tarkoittaa.

Lähteet: Lighthouse-suorituskykypisteet. Google Search Central, Understanding Core Web Vitals and Google Search Results ja Understanding Page Experience in Google Search Results.