Verkkosivut · Nopeusoptimointi
Verkkosivun latausnopeus: jokainen sekunti maksaa
Hidas sivusto menettää kahdesti: Google pudottaa sen hakutuloksissa alemmas, ja kävijät poistuvat ennen kuin sivu ehtii edes auki. Nopeusoptimointi korjaa molemmat. VerkkoPron sivustot saavat Googlen PageSpeed-mittauksessa tyypillisesti 95 tai 100 pistettä, ja nopeutamme myös olemassa olevia sivustoja. Aloitetaan maksuttomalla auditoinnilla.
Miksi nopeus ratkaisee
Nopeus ei ole tekninen yksityiskohta vaan myyntitekijä
Suora vastaus: verkkosivujen nopeus vaikuttaa sekä Google-sijoituksiin että kauppojen määrään. Google käyttää Core Web Vitals -mittareita sijoitustekijänä, ja kävijöistä merkittävä osa poistuu, jos sivu latautuu yli kolme sekuntia. Siksi nopeusoptimointi on yksi harvoista toimista, jotka parantavat näkyvyyttä ja konversiota samaan aikaan.
Parempi Google-näkyvyys
Core Web Vitals on osa Googlen sijoitusalgoritmia. Kun kaksi sivustoa on sisällöltään tasavahvoja, nopeampi voittaa. Hidas sivusto tekee muusta hakukoneoptimoinnista vaikeampaa.
Vähemmän poistumisia
Kärsimätön kävijä ei odota. Jokainen lisäsekunti latausaikaa kasvattaa poistumisprosenttia, ja poistunut kävijä siirtyy suoraan kilpailijan sivuille.
Enemmän yhteydenottoja
Nopea sivu pitää kävijän liikkeessä kohti soittoa tai lomaketta. Sama pätee mainontaan: Google Ads palkitsee nopeat kohdesivut paremmilla laatupisteillä ja edullisemmilla klikeillä.
Core Web Vitals selkokielellä
Kolme mittaria, joilla Google mittaa sivusi
Core Web Vitals kuulostaa tekniseltä, mutta mittarit vastaavat kysymyksiin, jotka jokainen kävijä tuntee nahoissaan: kauanko joudun odottamaan, reagoiko sivu kun napautan, ja hyppiikö sisältö silmieni alla. Google kerää arvot oikeilta Chrome-käyttäjiltä, joten niitä ei voi huijata, ne pitää ansaita.
Testaa omat arvosi ilmaiseksi osoitteessa pagespeed.web.dev, tai lähetä osoitteesi meille, niin käymme tuloksen läpi puolestasi ja kerromme selkokielellä, mitä kannattaa korjata.
LCP · Largest Contentful Paint
Kuinka nopeasti sivun pääsisältö tulee näkyviin. Hyvä arvo on alle 2,5 sekuntia. Tähän vaikuttavat eniten kuvien koko, palvelimen nopeus ja se, kuinka paljon koodia selaimen pitää käsitellä ennen piirtämistä.
INP · Interaction to Next Paint
Kuinka nopeasti sivu reagoi, kun kävijä napauttaa nappia tai avaa valikon. Hyvä arvo on alle 200 millisekuntia. Raskas JavaScript on yleisin syyllinen, kun sivu tuntuu tahmealta.
CLS · Cumulative Layout Shift
Hyppiikö sisältö latauksen aikana, eli osuuko sormesi mainokseen, kun nappi siirtyi viime hetkellä. Hyvä arvo on alle 0,1. Korjaus: kuville ja upotuksille varataan tila etukäteen.
Näin me sen teemme
Nopeus rakennetaan sisään, ei liimata päälle
Sama resepti toimii sekä uusissa sivustoissamme että olemassa olevan sivuston nopeusoptimoinnissa. Ero on siinä, että meidän sivuissamme se on mukana ensimmäisestä rivistä alkaen, ja siksi PageSpeed näyttää 95 tai 100 pistettä.
- 1
Staattinen jakelu
Sivut toimitetaan valmiiksi rakennettuina tiedostoina ilman tietokantakyselyjä. Palvelimella ei ole mitään laskettavaa, joten vastaus lähtee heti.
- 2
Kuvat kuriin
Kuvat pakataan moderniin muotoon ja mitoitetaan laitteen mukaan: puhelin ei koskaan lataa työpöytäkokoista valokuvaa mobiiliverkossa.
- 3
Vain tarpeellinen koodi
Ei lisäosaviidakkoa eikä kirjastoja varmuuden vuoksi. Jokainen ladattava tavu on sellainen, jota sivu oikeasti käyttää.
- 4
Fontit ja animaatiot oikein
Tekstin pitää näkyä heti, ei fonttilatauksen jälkeen. Animaatiot toteutetaan niin, etteivät ne koskaan viivytä sisältöä tai hyppyytä asettelua.
- 5
Mittaus ennen julkaisua
Jokainen sivusto ajetaan PageSpeed Insightsin läpi ennen luovutusta. Näet tuloksen itse, emme pyydä uskomaan sanaamme.
Myös nykyiselle sivustollesi
Nopeutamme myös sivuston, jota emme ole rakentaneet
Uusi sivusto ei ole aina tarpeen. Usein WordPress-sivustonkin pisteet saa nousemaan selvästi pakkaamalla kuvat, karsimalla turhat lisäosat ja koodin sekä laittamalla välimuistin ja fonttien latauksen kuntoon. Teemme ensin maksuttoman auditoinnin pagespeed.web.dev-mittauksella ja kerromme rehellisesti, mitä nykyisestä sivustosta saa irti ja missä kohtaa verkkosivujen uudistus tulisi edullisemmaksi. Nopeus on myös iso osa mobiilikäyttökokemusta ja tukee suoraan hakukoneoptimointia.
Rehelliset vastaukset
Usein kysyttyä latausnopeudesta ja Core Web Vitalsista
Miksi verkkosivun latausnopeus on niin tärkeä?
Kahdesta syystä: Google käyttää nopeutta sijoitustekijänä Core Web Vitals -mittareiden kautta, ja kävijät eivät odota. Tutkimusten mukaan merkittävä osa mobiilikävijöistä poistuu, jos sivu latautuu yli kolme sekuntia. Hidas sivusto siis sekä näkyy huonommin hakutuloksissa että menettää nekin kävijät, jotka sinne asti pääsevät. Nopeus vaikuttaa suoraan yhteydenottojen ja kauppojen määrään.
Mitä Core Web Vitals tarkoittaa?
Core Web Vitals on Googlen kolmen mittarin sarja, joka mittaa sivun todellista käyttökokemusta: LCP (Largest Contentful Paint) kertoo, kuinka nopeasti sivun pääsisältö tulee näkyviin, INP (Interaction to Next Paint) mittaa, kuinka nopeasti sivu reagoi napautuksiin, ja CLS (Cumulative Layout Shift) mittaa, hyppiikö sisältö latauksen aikana. Google kerää nämä arvot oikeilta Chrome-käyttäjiltä ja käyttää niitä hakusijoituksissa.
Mikä on hyvä PageSpeed-tulos?
Googlen PageSpeed Insights antaa pisteet 0 ja 100 välillä. Yli 90 on hyvä, 50 ja 89 välillä on parannettavaa ja alle 50 on heikko. Moni WordPress-sivusto jää mobiilissa 30 ja 60 pisteen välille. VerkkoPron sivustot saavat mobiilissa tyypillisesti 95 tai 100 pistettä, koska ne rakennetaan staattisiksi ja kevyiksi alusta alkaen, ei jälkikäteen paikkaillen.
Miten voin testata oman sivustoni nopeuden?
Helpoin tapa: avaa pagespeed.web.dev, syötä sivustosi osoite ja katso mobiilitulos. Se on ilmainen ja kertoo suoraan, mitkä asiat hidastavat sivuasi. Katso erityisesti mobiilipisteet, sillä Google arvioi sivustosi mobiiliversion perusteella. Voit myös lähettää osoitteesi meille WhatsApissa, niin teemme maksuttoman nopeusauditoinnin ja kerromme selkokielellä, missä mennään.
Mikä tekee sivustosta hitaan?
Yleisimmät syyt: pakkaamattomat jättikuvat, raskaat teemat ja lisäosat, joka sivulla ladattava turha JavaScript, hidas palvelin ja tietokantakyselyt, joita staattinen sivu ei tarvitsisi lainkaan. Usein hitaus on kasautunutta: yksittäinen lisäosa ei tunnu missään, mutta viisitoista lisäosaa yhdessä raskaan teeman kanssa vie mobiilipisteet alle viidenkymmenen.
Voitteko nopeuttaa nykyisen sivustoni?
Kyllä. Nopeusoptimointi ei vaadi aina uutta sivustoa: kuvien pakkaus, turhan koodin karsinta, välimuistin ja fonttien latauksen kuntoon laitto sekä palvelinasetusten viilaus nostavat usein pisteitä selvästi. Teemme ensin maksuttoman auditoinnin ja kerromme rehellisesti, kuinka pitkälle nykyistä sivustoa kannattaa optimoida ja missä kohtaa uusi sivusto tulisi edullisemmaksi.
Miksi VerkkoPron sivustot ovat niin nopeita?
Koska nopeus on rakennettu sisään, ei liimattu päälle. Sivumme toimitetaan staattisina tiedostoina ilman tietokantakyselyjä, kuvat pakataan ja mitoitetaan laitteen mukaan, koodia ladataan vain se mitä sivu oikeasti tarvitsee, ja fontit ja animaatiot on toteutettu niin, etteivät ne viivytä sisällön näkymistä. Tulos näkyy PageSpeed-mittauksessa: tyypillisesti 95 tai 100 pistettä myös mobiilissa.
Katsotaan, kuinka nopea sivustosi oikeasti on.
Lähetä sivustosi osoite, niin ajamme maksuttoman nopeusauditoinnin ja kerromme selkokielellä, mikä hidastaa ja mitä sille kannattaa tehdä. Ilman sitoutumista.
Vastaamme kahden tunnin sisällä