Hidas sivu menettää sekä kävijöitä että sijoituksia. Google mittaa käyttökokemusta Core Web Vitals -mittareilla, ja nopeus on vahvistettu ranking-tekijä. Yhtä tärkeää: jokainen sekunti latausaikaa pudottaa konversiota. Nopeus on siis sekä SEO- että myyntikysymys.
Käymme läpi, mitä Core Web Vitals mittaa ja miten parannat suorituskykyä Webflow-sivustolla.
Mitä Core Web Vitals mittaa
Kolme ydinmittaria kuvaavat todellista käyttökokemusta:
- LCP (Largest Contentful Paint): kuinka nopeasti sivun suurin sisältöelementti latautuu. Tavoite alle 2,5 sekuntia.
- INP (Interaction to Next Paint): kuinka nopeasti sivu reagoi käyttäjän toimintoon. Tämä korvasi aiemman FID-mittarin. Tavoite alle 200 ms.
- CLS (Cumulative Layout Shift): kuinka paljon sisältö hyppii latautuessa. Tavoite alle 0,1.
Webflow'n lähtökohta: hosting ja CDN
Webflow tarjoilee sivut globaalin CDN:n kautta, mikä antaa nopeudelle vahvan perustan ilman erillistä konfigurointia. Tämä ei kuitenkaan yksin riitä – suurin osa suorituskykyongelmista syntyy kuvista, fonteista ja kolmannen osapuolen skripteistä.
Kuvat: yleisin nopeuden tappaja
Raskaat kuvat ovat ylivoimaisesti yleisin LCP-ongelman syy. Webflow auttaa tarjoilemalla responsiivisia kuvakokoja ja laiskalatauksen (lazy load) automaattisesti, ja tukee keveitä formaatteja kuten WebP. Varmista silti, että lataat kuvat järkevän kokoisina – älä luota pelkkään automatiikkaan jättimäisten alkuperäistiedostojen kanssa.
Fontit ja skriptit
Useat fonttileikkaukset ja painava kolmannen osapuolen koodi (chatit, seurantapikselit, upotukset) hidastavat sekä latausta että vuorovaikutusta (INP). Rajaa fonttien määrää, lataa ei-kriittinen koodi viiveellä ja karsi turhat skriptit. Webflow'ssa custom-koodin sijoittelu (head vs. ennen body-tagin sulkua) vaikuttaa siihen, milloin skripti suoritetaan.
Asettelun vakaus (CLS)
Hyppivä asettelu syntyy usein kuvista ja upotuksista ilman varattua tilaa. Määritä kuville ja mainospaikoille mitat, jotta selain varaa tilan etukäteen. Webflow'ssa tämä hoituu asettamalla elementeille selkeät mitta- ja sivusuhdearvot.
Mittaaminen
Mittaa todellista suorituskykyä Google PageSpeed Insightsilla ja Search Consolen Core Web Vitals -raportilla, joka perustuu oikeiden käyttäjien dataan. Korjaa ensin sivut, joilla on eniten liikennettä.
Suorituskyvyn muistilista
- LCP alle 2,5 s, INP alle 200 ms, CLS alle 0,1
- Kuvat oikean kokoisina, WebP, lazy load päällä
- Fonttileikkausten määrä rajattu
- Ei-kriittiset skriptit viiveellä, turhat poistettu
- Kuville ja upotuksille varattu tila (ei layout shiftiä)
- Mitattu PageSpeed Insightsilla ja Search Consolella
