Google mittaa sivusi nopeutta Core Web Vitals -metriikoilla ja käyttää niitä hakutulosten järjestykseen. Hitaalla sivustolla kävijä ehtii lähteä ennen kuin sisältö latautuu. Selvitämme, mikä sivustoasi hidastaa ja mitä sille kannattaa tehdä.
Hidas lataus, viiveellä toimivat painikkeet ja paikaltaan hyppäävä sisältö vaikeuttavat asiointia. Mittaamme, missä ongelmat syntyvät, ja valitsemme korjaukset niiden perusteella.
Core Web Vitals ovat Googlen virallisia käyttäjäkokemusmittareita. Google käyttää niitä yhtenä hakutulosten järjestykseen vaikuttavana tekijänä. Kaikki kolme kannattaa saada vihreälle.
Mittaa, kuinka nopeasti sivun suurin sisältöelementti latautuu näkyviin. Se voi olla esimerkiksi sivun pääkuva, tekstiosio tai videon esikatselukuva.
Mittaa, kuinka nopeasti sivu reagoi käyttäjän toimintaan: klikkaukseen, naputukseen tai näppäimistösyötteeseen. Hidas INP tuntuu kankealta, vaikka sivu latautuisi nopeasti.
Mittaa sivun visuaalista vakautta: hyppääkö sisältö paikaltaan latautuessa. Tuttu ongelma: olit klikkaamassa nappia, mutta kuva latautui juuri sillä hetkellä ja klikkasitkin väärää kohtaa.
Käymme läpi kuvat, koodin, fontit, palvelimen ja välimuistin. Korjausten tärkeysjärjestys määräytyy mittausten ja sivuston käyttötarpeiden mukaan.
Pienennämme tarpeettoman suuret kuvat ja valitsemme niille sopivan tiedostomuodon. Sivun alempana olevat kuvat voidaan ladata vasta tarvittaessa. Määritämme myös kuvien mitat, jotta sisältö ei hypi latauksen aikana.
Minimoimme ja yhdistämme tiedostot, siirrämme ei-kriittisen JavaScriptin latautumaan vasta sivun piirtämisen jälkeen (defer/async) ja nostamme ensinäkymän CSS:n latautumaan ensimmäisenä. Näin selain ei jää odottamaan tiedostoja, joita se ei vielä tarvitse.
Selvitämme, kuinka nopeasti palvelin vastaa sivupyyntöön. Tarkistamme välimuistin, tiedostojen pakkauksen ja tarvittaessa sisällönjakeluverkon asetukset. Valitsemme muutokset sivuston ja palvelinympäristön mukaan.
Tarkistamme fonttitiedostojen määrän ja lataustavan. Tarvittaessa siirrämme fontit sivuston omalle palvelimelle ja asetamme ne latautumaan niin, että teksti pysyy luettavana latauksen aikana.
Käymme optimoinnin läpi laboratoriomittauksella (PageSpeed Insights, Lighthouse) sekä kenttädatalla (Chrome User Experience Report, Google Search Console). Kenttädata on se, jonka perusteella Google arvioi sivustoa.
WordPress-sivuston nopeuteen vaikuttavat toteutus, lisäosat, kuvat ja palvelinympäristö. Mittaamme sivuston latautumista ja selvitämme, mitkä muutokset auttavat juuri kyseistä sivustoa.
Tyypilliset ongelmat
Labonan korjaukset
Vanha sivusto voidaan optimoida, mutta sen pohja pysyy samana. Uusi Älysivut-projekti rakennetaan nopeus ja Core Web Vitals mielessä. Valitsemme sivuston rakenteen, kuvat ja toiminnot niin, että niiden vaikutus latautumiseen huomioidaan jo toteutuksessa.
Etenemme vaiheittain: ensin selvitämme nykytilan, sitten priorisoimme korjaukset ja lopuksi toteutamme ne ja seuraamme tuloksia. Näet jokaisessa vaiheessa, mitä on tehty ja miksi.
Ajamme sivustosi läpi PageSpeed Insightsilla, Lighthousella ja Chrome UX Reportilla. Saat priorisoidun korjauslistan ja arvion työmäärästä.
Käymme läpi kuvat, koodin, fontit, palvelimen asetukset ja välimuistin. Valitsemme korjaukset sivustosi tilanteen mukaan ja testaamme jokaisen muutoksen ennen julkaisua.
Vertaamme mittaustuloksia lähtötilanteeseen. Jos sivustosta on saatavilla riittävästi kävijädataa, tarkistamme myös Core Web Vitals -raportin kehityksen.
Kuukausittaisella seurannalla havaitsemme muutoksia sivuston nopeudessa. Esimerkiksi uusi lisäosa tai suuret kuvat voivat lisätä latausaikaa. Seuranta kuuluu hakukoneoptimoinnin ja näkyvyyspalvelujen kokonaisuuteen.
Pisteytysauditointi 299 euroa (alv 0 %). Korjaustoimenpiteet tehdään tuntiveloituksella, 120 euroa tunnilta (alv 0 %). Työmäärä riippuu sivuston koosta ja nykytilasta: tyypillinen WordPress-sivusto on kunnossa 600–1 500 eurolla. Erillistä jatkuvaa PageSpeed-seurantaa emme myy, vaan seuranta sisältyy hakukoneoptimoinnin ja näkyvyyspalvelujen kokonaisuuteen. Kerromme tarkan arvion auditoinnin jälkeen. Kysy arviota omalle sivustollesi Kipinältä.
Korjauksen vaikutusta voidaan mitata testityökalulla heti toteutuksen jälkeen. Oikeiden kävijöiden kokemuksesta kertova Core Web Vitals -data kertyy pidemmältä ajalta. Nopeuden paraneminen ei yksin takaa muutosta hakusijoituksiin.
Kyllä. Nopeus riippuu sivuston toteutuksesta, lisäosista, kuvista ja palvelinympäristöstä. Mittaamalla selviää, mikä kyseistä sivustoa hidastaa. Oikeilla toimenpiteillä, kuvien optimoinnilla, kriittisen CSS:n eristämisellä, JavaScriptin latausjärjestyksellä ja välimuistilla voidaan parantaa myös WordPress-sivuston nopeutta. Lähtötilanne ratkaisee, kuinka pitkälle päästään.
LCP (Largest Contentful Paint) mittaa, kuinka nopeasti sivun pääsisältö latautuu näkyviin. INP (Interaction to Next Paint) kertoo, kuinka nopeasti sivu reagoi kävijän klikkaukseen tai naputukseen. CLS (Cumulative Layout Shift) mittaa sivun visuaalista vakautta eli sitä, hyppääkö sisältö latautuessa. Google käyttää näitä kolmea yhtenä hakutulosten järjestykseen vaikuttavana tekijänä.
Tarkistamme sivuston sekä puhelimella että tietokoneella. Laitteen suorituskyky, näytön koko ja yhteys vaikuttavat latautumiseen, joten pelkkä tietokoneella tehty testi ei riitä.
Ensimmäinen optimointikierros tehdään sovittuna urakkana, ja myöhemmät korjaukset tehdään tuntiveloituksella. Sen jälkeen kannattaa seurata, etteivät uudet lisäosat, sisältöpäivitykset tai palvelinmuutokset vie tuloksia takaisin lähtöruutuun. Erillistä PageSpeed-seurantaa emme myy, vaan seuranta kuuluu hakukoneoptimoinnin ja muiden näkyvyyspalvelujen kokonaisuuteen.
Kerro sivustosi osoite.
Kerro sivustosi osoite ja kuvaile, missä hitaus tuntuu. Katsomme, mistä tarkistus kannattaa aloittaa ja mitä tietoja työmäärän arviointiin tarvitaan.
Labona
