Testaa nettisivujesi nopeus

Kuinka nopeasti nettisivusi avautuvat? Kauanko kävijän pitää odottaa, jotta sivusi näkyvät hänen tietokoneensa tai puhelimensa ruudulla? Mittaa ja tee tarvittaessa toimenpiteitä!

Miksi nettisivujen nopeutta mitataan

Lyhyesti: nettisivujen nopeus vaikuttaa erittäin paljon siihen, miten hyvin sivusi löytyvät hakukoneista sekä siihen, ostaako asiakas sinulta vaiko jostakin muualta.

Nettisivujen nopeus vaikuttaa moneen asiaan:

  • käyttäjäkokemukseen: jos sivu ei näytä avautuvan ja/tai toimii hitaasti, kävijä poistuu eikä helposti palaa takaisin
  • myyntiin: kävijä ostaa sieltä, mistä se on helppoa ja nopeaa
  • hakukonenäkyvyyteen: hidas latausaika ja kävijöiden poistuminen nopeasti ovat Googlelle merkki siitä, että sivuilla ei viihdytä, joten Google pudottaa sivujesi sijoitusta hakutuloksissa alemmas. Tämä johtaa siihen, että sivusi eivät enää löydy helposti hakutulosten kärkipäässä
  • mikä taas johtaa siihen, että hakukoneiden kautta ei tule juuri kävijöitä, vaikka tuotteillesi ja palveluillesi kysyntää olisikin.

Jos nettisivut ovat hitaat, kävijä poistuu. Hän löytää etsimänsä tuotteet tai palvelut nopeasti kilpailijasi sivuilta.

Mikäli haluat parempaa hakukonenäkyvyyttä ja maksavia asiakkaita netin kautta, on erittäin tärkeää, että sivusi toimivat mahdollisimman nopeasti!

Kuinka nopeasti sivujen pitäisi latautua?

Mielellään alle sekunnissa.

Me vanhat ihmiset, jotka olemme aikoinaan odottaneet minuuttikaupalla pelkän nettiyhteyden avautumista ja kuunnelleet modeemin merkkiääniä, pidämme ehkä mitä tahansa alle viidessä tai jopa kymmenessä sekunnissa avautuvaa nettisivua ihan nopeana:

Mutta me olemmekin muinaismuistoja. Meitä ei ole montaa. Ja myös meistä vanhoista ihmisistä on tullut kärsimättömämpiä. Jos joku sivu ei avaudu nopeasti, mitä sitä turhaan odottelemaan, sillä joku muu vastaava sivu avautuu kyllä alle sekunnissa. Myönnän, etten enää odota montaa sekuntia.

Suurin osa selaa nettiä puhelimella, ja puhelin ei välttämättä ole missään 5G-alueella. Nettisivujen on siis syytä olla mahdollisimman kevyet ja nopeat.

Näin testaat nettisivujesi nopeuden

Pari helppoa keinoa tsekata sivujesi nopeus ovat vain klikkauksen päässä. Ja sinun ei tarvitse välttämättä perehtyä aiheeseen sen syvällisemmin kuin tsekata näiden työkalujen kautta saamasi latausaika.

Pingdom tools – nettisivujen nopeustesti

Siirry osoitteeseen https://tools.pingdom.com/

Kirjoita kenttään nettisivujesi osoite ja valitse Test from -alasvetovalikosta se sijainti, joka on lähinnä kohdeyleisöäsi. Jos sivusi ovat suomenkieliset ja asiakkaasi ovat pääosin Suomesta, valitse testipaikaksi vaikkapa Frankfurt tai Lontoo (tai kokeile molemmilla). Tai jos valikkoon on ilmestynyt joku vielä lähempänä oleva paikka, testaa sillä.

Nettisivujen nopeuden testaus Pingdom Toolsilla.

Nettisivujen nopeuden testaus Pingdom Toolsilla.

Miksi pitää valita lähin paikka?

Siksi, että palvelimen fyysinen sijainti vaikuttaa siihen, kuinka kauan sivujen latautumiseen menee. Jos asiakkaasi ovat Suomessa, valitse testauspaikaksi lähin mahdollinen paikka.

Klikkaa sitten START TEST -painiketta.

Hetken kuluttua sivulle alkaa ilmestyä tietoa.

Tärkein tässä vaiheessa on tuo nopeus eli Load time. Tässä esimerkissä etusivun latausaika oli 905 millisekuntia. Yleensä kannattaa testata muutaman kerran ja laskea keskiarvo.

Nettisivujen nopeus.

Kiinnitä huomiota latausaikaan (Load time). Se on tärkein.

Jos sivu toimii riittävän nopeasti, muihin tulosten tietoihin ei ole välttämätöntä perehtyä. Huomioi, että tarkoitus ei ole tavoitella esim. tuota Performance grade -arvosanaa mahdollisimman hyväksi – eli vaikka tuossa lukisi että D mutta sivut toimisivat nopeasti, ei tarvitse tehdä välttämättä mitään.

Jos huomaat, että sivujen lataus kestää useamman sekunnin tai olet itsekin havainnut sivuissa hidastelua, Pingdomin antamien tietojen perusteella löydät syyt hidasteluun.

Jos sivuilla ei ole “juuri mitään” (ei videoita, isoja kuvia…) mutta latausaika on sekuntia pidempi, selvitä syyt ja korjaa ne.

Kun kelaat Pingdomin tulosta alaspäin, löydät vinkkejä nopeuden parantamiseksi (alla oleva kuva on eri sivustolta kuin minkä nopeutta äsken testattiin):

Nettisivujen nopeuden testaus ja nopeuttaminen.

Näet korjausehdotukset, ja rivin päässä olevaa nuolta klikkaamalla saat lisätietoa asiasta.

Kun klikkaat joka rivin oikeassa reunassa olevaa pikku nuolta, löydät sieltä tarkempaa tietoa kyseisestä toimenpiteistä. Googlesta löytyy useimpiin käytännön ohjeita.

Vielä tarkempaa tietoa näet seuraavasta kohdasta. Huomioi, että joka sivustolla tulokset ovat aivan erilaiset – riippuu aivan siitä, mistä ja miten sivut on tehty. Tässä listauksessa näkyy myös se, jos jokin ulkopuolinen palvelu saattaa olla hidastamassa sivua.

Nettisivujen nopeuteen vaikuttavat tekijät.

Jos sivustolla olisi vaikkapa Facebook- tai Instagram -upotus tai vaikkapa Youtube-videoita, noissa kahdessa alemmassa laatikossa näkyisi myös niiden osuus.

Näiden tietojen perusteella voi siis katsoa, jos jokin asia näyttäisi vievän ison osan sivujen sisällöstä ja kaistanleveydestä.

Kun tuloksia kelataan vielä alemmas, nopeuden pullonkauloja voi katsoa havainnollisemmin. Eli nyt voimme nähdä, mitkä asiat ehkä vievät erityisen paljon aikaa ja mikä taas latautuu nopeasti. Huom – tämä esimerkki on taas vain yhdestä sivustosta – toisella sivustolla tulokset ovat aivan erilaiset:

Nettisivujen nopeuden pullonkaulat.

 

Huomaa, että listaus jatkuu – alaosan nuolista voit jatkaa listauksen tarkastelua.

Tässä kuvassa korostuvat nuo keltaiset pitkät palkit, jotka kertovat, että niiden kohdalla odotetaan. Tässä tapauksessa hidas palvelin vaikuttaa siihen, että sivut latautuvat hitaasti. Eli jos nuo sivut vaikkapa siirrettäisiin nopealle, WordPressille optimoidulle palvelimelle, sivut todennäköisesti avautuisivat sekunnissa. Nyt latausaika oli viisi sekuntia ja kuormittuneena (kun sivustolla on useampia kävijöitä) latausaika voi olla paljon enemmänkin.

Pingdomin tulosten yhteydessä löytyy paljon yksityiskohtaista lisätietoa näistä nopeuteen liittyvistä asioista.

GT Metrix – nettisivujen nopeustesti

Toinen havainnollinen ja helppokäyttöinen keino nopeuden mittaamiseen on GT Metrix. Myös sitä voi käyttää maksutta. Jos rekisteröidyt käyttäjäksi, voit valita palvelintasi tai sivujesi käyttäjiä lähimmän mahdollisen testauspisteen (tällä hetkellä Suomea lähin paikka on Lontoo). Jos et rekisteröidy, testauspaikkana on Kanadan Vancouver, joka on aika kaukana ja etäisyydestä tulee tietysti lisää sekunteja, jos nettisivusi sijaitsevat Suomessa tai muualla Euroopassa.

Kirjauduttuasi sisään kirjoita nettisivujen osoite ja valitse paikkakuntaa klikkaamalla mittauspaikan sijainti:

Nettisivujen nopeuden testaus GT Metrixin avulla.

Kirjoita nettisivujen osoite ja valitse testauspaikan sijainti (valitse lähin paikka).

Klikkaa sitten sinistä Analyze-painiketta. Tulokset tulevat pian näkyviin:

Nettisivujen nopeuden testaus GT Metrixin avulla.

Kiinnitä huomio latausaikaan.

Tässäkin kiinnitä huomiota ensisijaisesti tuohon Fully Loaded Time -kohtaan eli montako sekuntia sivun latautumiseen meni. Jos sivu latautuu nopeasti, noista arvosanoista ei tarvitse välittää. Ja taas suosittelen tekemään muutaman mittauksen ja katsomaan keskiarvoa.

Heti näiden tulosten alapuolella Page Speed -välilehdeltä näet, mikä sivuilla on kunnossa ja mikä taas vaatii ehkä huomioita.

Waterfall-välilehdeltä näet havainnollisesti, viekö jokin asia erityisen paljon aikaa sivujen latautumisesta. Tutki myös muita välilehtiä, ja halutessasi voit tsekata vaikkapa videon avulla, miten sivut latautuvat.

Näin pääset sivuja hidastavien tekijöiden jäljille – on se sitten palvelin, liian isot kuvat tai jokin tietty lisäosa.

Nopeuden testaus selaimen työkaluilla

Myös nettiselaimissa on mahdollisuus testata näitä samoja asioita.

Esimerkiksi Chromessa on Kehittäjän työkalut > Lighthouse, jossa voit mitata nopeutta (myös mobiiliversiossa erikseen) ja saada tietoa hidasteista. Lighthousen avulla voit myös tutkia monia muita asioita, kuten saavutettavuutta tai hakukoneystävällisyyttä.

Googlen sivuilta löydät ohjeita Lighthousen käyttöön: https://developers.google.com/web/tools/lighthouse

Miksi nettisivut toimivat hitaasti

Palvelin hidastaa nettisivuja

Usein syynä on hidas palvelin. Jos vaikkapa WordPress-sivut sijaitsevat tavallisessa webhotellissa, ne latautuvat huomattavasti hitaammin kuin WordPressille optimoidulla palvelimella. Tämän olen itsekin käytännössä usein huomannut, kun vanhat sivut on siirretty webhotellista vaikkapa WP-palveluun tai Zonerille. Ero voi olla jopa kymmenkertainen.

Myös se voi vaikuttaa, jos palvelin sijaitsee toisella puolella maapalloa. Palvelimen tekniikalla on myös iso merkitys. Itse valitsen sivuja varten kohdeyleisöä lähimmän WordPressille optimoidun palvelimen. Toki välimuistin ja CDN:n (sisällönjakeluverkon) avulla voi vaikuttaa tähän: sivujen sisältö on saatavissa nopeasti eri paikoista, eikä sitä tarvitse ladata joka kerta sieltä fyysiseltä palvelimelta, jossa sivut sijaitsevat.

Palvelimella on paljon merkitystä nettisivujen latautumisajan kannalta: jos palvelin on hidas, muut nopeusoptimoinnin toimenpiteet eivät välttämättä juurikaan nopeuta sivuja. Usein siis ensimmäinen keino on siirtää sivut nopealle palvelimelle. Huomaa, että tämä ei tarkoita “isompaan webhotellipakettiin” päivittämistä, vaan sitä, että sivut siirretään nopealle palvelimelle ja WordPressin tapauksessa WordPressille optimoidulle palvelimelle.

Kuvat hidastavat nettisivuja

Monesti myös sivuilla olevat valtavan isot kuvat vievät kaistaa ja hidastavat latautumista. Suoraan kamerasta siirretyt, fyysisesti ja tiedostokooltaan valtavat kuvat vievät hirveästi tilaa ja niiden latautuminen kestää järkyttävän kauan. Vielä jos valokuva on syystä tai toisesta tallennettu vaikkapa png-tiedostomuotoon, tökkii varmasti. Tämä on valitettavan yleinen ongelma. Verkkokaupassa, jossa on paljon tuotekuvia, tämä vielä korostuu.

Kuvat pitää aina pienentää ja pakata, jotta ne eivät hidasta sivujen toimintaa. Täällä ohjeita: Pienennä ja pakkaa kuvat.

Muut yleiset nettisivuja hidastavat tekijät

Jos sivuilla on paljon tavaraa, lisäosia, efektejä, videoita, someseiniä (someupotuksia), erilaisia fontteja… kaikki tämä hidastaa sivustoa, sillä kaikkien näiden latautuminen vie oman aikansa.

Karsi siis sivuilta ylimääräinen. Teeman mukana voi tulla kaikenlaista hauskaa toimintoa ja lisäosien avulla voi toteuttaa vaikka mitä. Vaikka kaikkea on kiva kokeilla, valitse käyttöön vain tarpeellinen. Vähemmän on enemmän ja yksinkertainen on kaunista.

Miten voin nopeuttaa nettisivujani

Yllä esiteltyjen testien avulla voit paikallistaa ne tekijät, jotka hidastavat sivujasi. Jos palvelin on hidas, siirrä sivut nopeammalle palvelimelle. Tutki myös sivustoasi ja paikallista hidasteet. Tee sivuillesi tarvittaessa muutoksia ja hankkiudu eroon turhasta painolastista karsimalla ylimääräistä.

Ylimääräisen karsiminen ei tarkoita, että pitäisi riisua kaikki. Sivujen on usein oltava visuaalisesti näyttävät. Kuvat ovat tärkeä osa markkinointia. Hyvä video voi olla merkityksellinen kauppojen syntymisen kannalta. Ulkoasun avulla voi ohjata kävijää kohti tavoitetta.

Mieti siis, mitä sivuilla tarvitaan ja mikä toimii. Tässä vinkkejä helpoimpiin keinoihin parantaa nettisivujen nopeutta:

Kuvat

Valitse oikeat kuvakoot. Pienenä ja pakkaa kuvat oikein. Käytä oikeaa tiedostomuotoa. Täällä tarkempia ohjeita >>

Someseinät

Yleensä someseinä (Facebook-sivu, Instagram-kuvat ym.) on näkyvissä vain siksi että sen voi sinne laittaa ja kun kerta muillakin on, niin… Ota someseinä pois, ellei se todistetusti paranna sivujen konversiota.

Jos sinulla on ajankohtaista tiedotettavaa, voit tiedottaa sen ihan siellä nettisivuillakin. Ja jos haluat julkaista kivoja kuvia, joita olet laittanut Instagramiin, voit julkaista niitä sivuillasi ihan kuvina.

WordPressin lisäosat

Jos sivusi on tehty WordPressillä, katso käyttämäsi lisäosat läpi ja mieti, onko sinne kertynyt jotain tarpeetonta. Vuosien varrella sinne on saattanut kertyä yhtä ja toista, ja jokainen lisäosa hidastaa sivustoa. Poista tarpeettomat ja harkitse, mitä kaikkea oikeasti tarvitset. Korvaa tarvittaessa raskaat lisäosat kevyemmillä. Kaikenkarvaiset lisäosat voivat olla myös tietoturvariski.

Fontit

WordPressissä voi kätevästi käyttää kaikkia ihania Google-fontteja. Vaikka joka ikisen sanan voi kirjoittaa eri fontilla. Jokaisen eri fontin lataus kuitenkin hidastaa sivustoa. Valitse siis fontit järkevästi ja voit myös asentaa ne sivustolle niin, että niitä ei tarvitse hakea Googlen palvelimelta jokaisen sivulatauksen yhteydessä.

Videot

Jos videot ovat omalla palvelimellasi, ne vievät siellä paljon tilaa. Siksi sivuilla näkyvät videot usein siirretään ulkopuoliseen palveluun kuten YouTubeen tai Vimeoon, ja upotetaan osaksi sivustoa.

Pienikin videotiedosto on paljon isompi kuin saman kokoinen kuva, joten sen latautuminen vie enemmän aikaa, on se sitten omalla palvelimella tai vaikkapa YouTubessa. Käytä siis videoita järkevästi.

Ja niin edelleen: käytä sivuilla vain sellaista sisältöä ja toiminnallisuutta, joka vie kävijää kohti sivujen tavoitetta. (Lue tästä lisää konversion parantamisesta)

Mutta eivähän sivuni ole hitaat!

Entäpä kun omasta mielestäni sivut latautuvat nopeasti mutta Pingdom tai GT Metrix väittävät että aikaa menee kymmenen sekuntia?

Jos käyt usein omilla sivuillasi, sivut ovat osittain jo latautuneet oman nettiselaimesi välimuistiin. Siksi ne latautuvat juuri sinulle salamannopeasti.

Mutta kun uusi kävijä, joka ei ole koskaan käynyt sivuillasi, saapuu sinne, joka ikinen elementti pitää ladata palvelimelta kävijän selaimeen. Joka ikinen kuva, teksti ja koodinpätkä.

Tämän vuoksi on tärkeää, että mittaat sivujesi nopeutta ja saat siten objektiivista tietoa sivujesi nopeudesta. Ja teet tarvittaessa muutoksia nopeuden parantamiseksi.

Lisää testejä ja tekstiä aiheesta:

Testaa sivujesi mobiiliresponsiivisuus >>

Lue nopeudesta myös Zonerin blogista >>

Vinkkejä nopeuttamiseen WP-palvelun blogissa >>

Lue palvelintilan valinnasta: Palvelintilan valinta – mistä webhotelli ja verkkotunnus? >>