Verkkosivun latausnopeus vaikuttaa suoraan siihen, jääkö kävijä sivullesi vai lähteekö hän muualle. Google on mitannut, että jos sivu latautuu yli kolme sekuntia, yli puolet mobiilikayttäjistä poistuu. Ja jokainen näistä poistuneista kävijöistä on potentiaalinen asiakas, joka meni kilpailijalle.
Tämä opas on kirjoitettu yrittäjille, joilla ei ole teknistä taustaa. Käymme läpi konkreettisesti, miten selvität sivustosi nykyisen tilanteen ja mitä voit tehdä parantaaksesi sitä.
Miten mittaat verkkosivusi nopeuden
Ennen kuin alat optimoimaan mitään, sinun pitää tietää mistä lähdet liikkeelle. Käytä näitä ilmaisia työkaluja:
Google PageSpeed Insights
Mene osoitteeseen pagespeed.web.dev, syötä sivustosi osoite ja paina Analyze. Saat kaksi erillistä raporttia: toisen mobiilille ja toisen työpöydälle.
Keskity erityisesti Performance-arvosanaan:
- 90–100 — erinomainen, ei tarvetta kiireellisille toimenpiteille
- 50–89 — kohtuullinen, parannettavaa löytyy
- 0–49 — heikko, sivusto todennäköisesti karkottaa kävijöitä
Tärkeä huomio: mobiilitulos on lähes aina huonompi kuin työpöytätulos. Tämä on normaalia, koska Google simuloi mobiilitestin hitaalla verkkoyhteydellä ja heikkotehoisella laitteella. Mobiilitulos on kuitenkin se, joka merkitsee enemmän, koska Google käyttää mobiiliversiota hakutulosten arviointiin.
GTmetrix
GTmetrix on hyvä vaihtoehtoinen työkalu, joka näyttää erityisen selkeästi sivun latausajan ja sivun kokonaiskoon. Ilmaisversiossa voit testata sivustosi Kanadan palvelimelta — maksullisessa versiossa pääset valitsemaan testaussijainnin lähempää Suomea.
Chrome DevTools
Jos haluat testata nopeasti ilman erillistä työkalua, avaa sivustosi Chromessa, paina F12 (tai oikea klikkaus → Tutki elementtiä) ja valitse Lighthouse-välilehti. Paina "Analyze page load" ja saat saman raportin kuin PageSpeed Insightsista.
Mitä mittarit tarkoittavat käytännössä
Nopeustyökalut antavat paljon lukuja. Tässä ne, joihin kannattaa kiinnittää huomiota:
Largest Contentful Paint (LCP) kertoo, kuinka nopeasti sivun suurin sisältöelementti (yleensä pääkuva tai otsikko) piirtyy näytölle. Tavoite on alle 2,5 sekuntia. Tämä on käyttäjän kannalta tärkein mittari, koska se vastaa sitä hetkeä, jolloin sivu "tuntuu" latautuneen.
First Contentful Paint (FCP) mittaa, kuinka nopeasti näytölle ilmestyy ensimmäinen sisältö. Tavoite on alle 1,8 sekuntia. Jos tämä on hidas, käyttäjä tuijottaa valkoista ruutua ja luulee sivun olevan rikki.
Cumulative Layout Shift (CLS) mittaa, kuinka paljon sivun sisältö hyppii latauksen aikana. Tavoite on alle 0,1. Olet varmasti kokenut tilanteen, jossa yrität klikata jotain ja sisältö yhtäkkiä siirtyy — se on juuri sitä, mitä tämä mittaa. Yleensä tämä johtuu kuvista, joille ei ole määritetty kokoa.
Interaction to Next Paint (INP) on Googlen uusin mittari, joka korvasi vanhan First Input Delayn maaliskuussa 2024. Se mittaa, kuinka nopeasti sivu reagoi käyttäjän klikkauksiin ja napautuksiin. Tavoite on alle 200 millisekuntia.
Yleisimmät syyt hitaille verkkosivuille
Liian suuret kuvat
Tämä on ylivoimaisesti yleisin ongelma. Monella yrittäjällä sivuilla on suoraan kamerasta tai kuvapankista ladattuja kuvia, jotka ovat 3–5 megatavua per kuva. Kuvat muodostavat tyypillisesti 50–80 % sivun kokonaispainosta.
Miten korjaat:
Pakkaa kuvat ennen sivulle lataamista. Käytä Squoosh-työkalua, joka on Googlen tekemä ilmainen kuvanpakkaustyökalu. Vedä kuva työkaluun, valitse WebP-muoto ja säädä laatu noin 75–80 prosenttiin. Useimmissa kuvissa et näe silmällä eroa, mutta tiedostokoko putoaa murto-osaan.
Hyvä nyrkkisääntö: yksikään kuva sivullasi ei pitäisi olla yli 200 kilotavua. Koko sivun kaikkien kuvien yhteiskoko saisi olla mielellään alle megatavun.
Jos käytät WordPressiä, asenna ShortPixel- tai Imagify-lisäosa, joka pakkaa kuvat automaattisesti kun lataat niitä mediagalleriaan.
Liikaa lisäosia tai skriptejä
Jokainen WordPress-lisäosa, chat-widget, analytiikkatyökalu ja some-syöte lisää sivullesi ladattavaa koodia. Olen nähnyt WordPress-sivustoja, joissa on 30–40 lisäosaa ja sivun latausaika on yli 10 sekuntia.
Miten korjaat:
Käy lisäosat läpi ja poista kaikki, joita et aktiivisesti käytä. Mieti jokaisen kohdalla: tuoko tämä oikeasti arvoa sivustolle? Esimerkiksi social media -jakopainikkeet, joita kukaan ei käytä, hidastavat sivuasi turhaan.
Tarkista myös, onko sivullasi useita analytiikkaskriptejä päällekkäin. Google Analytics, Meta Pixel, LinkedIn Insight Tag ja muut seurantatyökalut lataavat kaikki omia JavaScript-tiedostojaan. Jos sinulla on kolme eri analytiikkatyökalua eikä kukaan oikeasti katso niiden dataa, poista turhat.
Hidas palvelin tai hosting
Halvimmat webhotellit (1–3 €/kk) käyttävät jaettua palvelinta, jossa sadat sivustot jakavat saman koneen resurssit. Jos toisen sivuston liikenne piikkaa, sinunkin sivustosi hidastuu.
Miten korjaat:
Jos sivustosi on erityisen hidas alkuvasteajaltaan (TTFB yli 600 ms), ongelma on todennäköisesti hostingissa. Päivittäminen parempaan hosting-pakettiin tai vaihtaminen laadukkaampaan palveluntarjoajaan on usein tehokkain yksittäinen tapa nopeuttaa sivustoa.
Suomalaisista palveluntarjoajista esimerkiksi Seravo (WordPress-hosting) ja Hetzner (VPS) ovat hyviä vaihtoehtoja. Kansainvälisesti Cloudways ja SiteGround ovat suosittuja.
Välimuisti ei ole käytössä
Kun käyttäjä vierailee sivullasi ensimmäistä kertaa, selain lataa kaiken: HTML:n, CSS:n, JavaScriptin, kuvat ja fontit. Jos välimuisti on oikein konfiguroitu, seuraavalla kerralla selain käyttää tallennettuja kopioita eikä lataa kaikkea uudelleen.
Miten korjaat:
WordPressissä asenna välimuistilisäosa. WP Super Cache on ilmainen ja helppo. LiteSpeed Cache on erinomainen, jos hostingisi käyttää LiteSpeed-palvelinta. WP Rocket on maksullinen mutta yksinkertaisin — se hoitaa välimuistin lisäksi myös koodin minimoinnin ja lazy loadingin.
Jos sivustosi on tehty Squarespacella, Wixillä tai vastaavalla, välimuisti on jo valmiiksi käytössä eikä sinun tarvitse tehdä mitään.
Fonttien lataus
Ulkoiset fontit (esim. Google Fonts) vaativat erillisen verkkopyynnön, joka voi hidastaa tekstin näkymistä. Joskus teksti vilkkuu hetken oletusfontilla ennen kuin varsinainen fontti latautuu — tätä kutsutaan FOUT-ilmiöksi (Flash of Unstyled Text).
Miten korjaat:
Jos käytät Google Fontsia, lisää fontin latauslinkille display=swap-parametri. Tämä varmistaa, että teksti näkyy heti oletusfonttilla ja vaihtuu lopulliseen fonttiin kun se on latautunut. Näin käyttäjä ei joudu odottamaan tyhjää ruutua.
Vielä parempi vaihtoehto on ladata fontit omalle palvelimellesi sen sijaan, että käyttäisit Googlen CDN:ää. Tämä vähentää ulkoisia verkkopyyntöjä ja parantaa tietosuojaa.
Nopeat voitot, joilla pääset alkuun
Jos sinulla ei ole aikaa perehtyä kaikkeen, tee ainakin nämä:
-
Pakkaa kuvat — avaa squoosh.app, vedä kuvat sinne ja tallenna WebP-muodossa. Tämä yksin voi nopeuttaa sivuasi merkittävästi.
-
Poista turhat lisäosat — jos käytät WordPressiä, deaktivoi ja poista kaikki lisäosat joita et tarvitse.
-
Asenna välimuistilisäosa — WP Super Cache on hyvä ilmainen vaihtoehto WordPressille.
-
Testaa uudelleen — aja PageSpeed Insights uudelleen ja katso paraniko tulos.
Nämä neljä askelta vievät yhteensä ehkä tunnin ja voivat parantaa sivustosi nopeutta merkittävästi.
Latausnopeus ja hakukonenäkyvyys
Google on käyttänyt sivuston nopeutta yhtenä hakutulosten rankkaustekijänä vuodesta 2010. Vuonna 2021 Google otti käyttöön Core Web Vitals -mittarit (LCP, CLS ja silloiset FID, nykyään INP), jotka vaikuttavat suoraan hakutuloksiin.
Käytännössä tämä tarkoittaa, että jos kaksi sivustoa kilpailee samoilla hakusanoilla ja toinen on selvästi nopeampi, nopeampi sivusto saa etua hakutuloksissa. Nopeus ei yksinään nosta sivua ykköseksi — sisältö on edelleen tärkein — mutta hidas sivusto voi pudota pois kilpailusta.
Voit tarkistaa sivustosi Core Web Vitals -tilanteen Google Search Consolessa kohdasta "Core Web Vitals". Se näyttää, kuinka suuri osa sivuistasi läpäisee Googlen nopeuskriteerit oikeiden käyttäjien dataan perustuen.
Milloin kannattaa pyytää apua
Kuvien pakkaaminen ja lisäosien karsiminen onnistuu keneltä tahansa. Mutta jos sivustosi on rakennettu huonosti alusta asti — esimerkiksi käytössä on raskas teema, joka lataa turhaa koodia joka sivulle — pelkkä optimointi ei välttämättä riitä. Joskus nopeampi ratkaisu on rakentaa sivusto uudelleen kevyemmällä pohjalla.
Jos olet epävarma sivustosi tilanteesta tai haluaisit ammattilaisen arvion, ota yhteyttä niin käymme läpi sivustosi nopeustilanteen ja kerromme, mitä kannattaa tehdä.
Usein kysyttyjä kysymyksiä
Mikä on hyvä latausaika verkkosivulle? Alle 3 sekuntia on hyvä tavoite kokonaislatausajalle. Core Web Vitals -mittareista LCP (suurimman elementin piirto) pitäisi olla alle 2,5 sekuntia. Mutta tärkeintä on, että sivu tuntuu käyttäjälle nopealta — jos sisältö näkyy heti ja sivu reagoi klikkauksiin, pienet viiveet eivät haittaa.
Hidastaako SSL-sertifikaatti (https) sivustoa? Käytännössä ei. Nykyaikaisella palvelimella HTTPS-yhteyden salaus lisää latausaikaan noin 1–2 millisekuntia, mikä on täysin merkityksetön. HTTPS on nykyään pakollinen hakukonenäkyvyyden ja käyttäjien luottamuksen kannalta.
Kuinka usein pitäisi testata sivuston nopeutta? Testaa vähintään kerran kuukaudessa. Testaa myös aina, kun lisäät uutta sisältöä, asennat uuden lisäosan tai teet muutoksia sivustoosi. Sivuston nopeus voi heiketä vähitellen ilman, että huomaat sitä itse.
Vaikuttaako latausnopeus mobiilissa eri tavalla kuin tietokoneella? Kyllä. Mobiiliyhteydet ovat hitaampia ja puhelimien suorituskyky on heikompi kuin tietokoneiden. Siksi mobiilioptimointiin kannattaa panostaa erityisesti. Google käyttää myös mobiiliversiota hakutulosten ensisijaisena lähteenä (mobile-first indexing).
Auttaako CDN suomalaisen yrityksen sivustoa? Jos asiakkaasi ovat pääosin Suomessa ja palvelimesi on Suomessa tai lähialueella, CDN:n hyöty on rajallinen. CDN auttaa eniten, kun käyttäjät ovat maantieteellisesti kaukana palvelimesta. Mutta Cloudflaren ilmainen versio tarjoaa CDN:n lisäksi myös tietoturvasuojaa ja automaattista kuvanpakkausta, joten se voi silti olla hyödyllinen.
