Yhden sekunnin viive sivun latautumisessa vähentää konversioita 7 %. Merkittävästi tuottavilla sivustoilla se tarkoittaa tuhansia dollareita menetettynä joka kuukausi. Sivun nopeus ei ole vain hyvä käytäntö. Hakukoneet mittaavat sen suoraan ja se vaikuttaa suoraan sijoituksiin. Core Web Vitals on kolme tiettyä mittaria, jotka mittaavat todellista käyttökokemusta. Hallitse nämä, niin parannat sijoituksia ja konversioita. Opi, mitä ne ovat ja miten optimoit ne.
Sivun nopeus vaikuttaa sijoituksiin. Core Web Vitals mittaa sivun nopeutta. Nämä eivät ole epämääräisiä suosituksia. Ne ovat tiettyjä mittareita, joilla on mitattavat rajat. Sivut, jotka täyttävät rajat, sijoittuvat paremmin. Sivut, jotka eivät täytä niitä, sijoittuvat huonommin.
Core Web Vitals on kolme tiettyä mittaria
Largest Contentful Paint (LCP) mittaa, kuinka nopeasti pääsisältö latautuu. Interaction to Next Paint (INP) mittaa, kuinka nopeasti sivusi reagoi käyttäjän toimiin. Cumulative Layout Shift (CLS) mittaa, kuinka vakaa asettelu on latautumisen aikana.
Hyvä LCP on alle 2,5 sekuntia. Hyvä INP on alle 200 millisekuntia. Hyvä CLS on alle 0,1. Jos sivusi ei täytä jotakin näistä, hakukoneet tietävät, että käyttäjillä on huono kokemus.
LCP: pääsisällön pitäisi latautua nopeasti
Largest Contentful Paint mittaa, milloin sivusi suurin elementti on latautunut. Useimmilla sivuilla se on kuva tai otsikko. Jos LCP on hidas, käyttäjät näkevät tyhjän sivun odottaessaan.
Paranna LCP:tä optimoimalla kuvat. Pakkaa ne. Käytä uuden sukupolven muotoja, kuten WebP. Lataa taitteen alapuolella olevat kuvat vasta tarvittaessa. Käytä nopeaa web-hotellia. Poista _blocked_öintiä estävä JavaScript. Pienet parannukset kertyvät.
Tavoitteesi on alle 2,5 sekuntia. Jos LCP on 5 sekuntia, käyttäjät lähtevät ennen kuin näkevät sisältösi. Jos se on 2 sekuntia, käyttäjät odottavat ja ovat mukana.
INP: sivusi pitäisi reagoida klikkauksiin heti
Interaction to Next Paint mittaa ajan, joka kuluu siitä, kun käyttäjä klikkaa tai napauttaa jotakin, siihen, kun sivu reagoi. Jos INP on hidas, sivu tuntuu jäätyneeltä.
Paranna INP:tä optimoimalla JavaScript. Poista tarpeettomat skriptit. Pilko pitkät tehtävät. Optimoi tapahtumankuuntelijat. Lataa kolmannen osapuolen skriptit vasta tarvittaessa. Reagoiva sivu konvertoi paremmin kuin nopea sivu, joka ei reagoi syötteisiin.
Tavoite: alle 200 millisekuntia. Jos sivusi reagoi klikkaukseen 500 ms:ssa, käyttäjät luulevat sen olevan rikki. Jos se reagoi 100 ms:ssa, se tuntuu välittömältä.
CLS: asettelun ei pitäisi hypätä latautumisen aikana
Cumulative Layout Shift mittaa, kuinka paljon asettelu liikkuu latautumisen aikana. Jos kuvat latautuvat hitaasti, teksti siirtyy alaspäin. Jos mainokset latautuvat sisällön jälkeen, kaikki liikkuu. Se on ärsyttävää ja aiheuttaa vahinkoklikkauksia.
Paranna CLS:ää varaamalla tilaa kuville ja mainoksille. Käytä CSS:n kuvasuhdetta kertomaan selaimelle, kuinka paljon tilaa varataan. Lataa tärkeät fontit ajoissa. Vältä sisällön lisäämistä olemassa olevan sisällön yläpuolelle.
Tavoite: alle 0,1. Jokainen asettelun hyppy on käyttäjille havaittavissa. Pidä se mahdollisimman pienenä.
Seuraa Core Web Vitalsia oikean käyttäjädatan avulla
Lighthouse ja PageSpeed Insights ajavat testejä laboratorio-olosuhteissa. Oikeiden käyttäjien seuranta näyttää todellisen datan. Käytä Chrome User Experience Reportia tai hakukonekonsolia nähdäksesi oikeiden käyttäjien dataa.
Oikea data on tärkeää, koska oikeilla käyttäjillä on hitaampia yhteyksiä ja vanhempia laitteita kuin testitietokoneellasi. Se, mikä toimii laboratorio-olosuhteissa, voi epäonnistua oikeassa maailmassa.
Nopeus vaikuttaa tuloihin suoraan
Nopeammat sivustot konvertoivat paremmin. Hitaammat sivustot menettävät asiakkaita. Jokaisesta viivesekunnista menetät konversioita. Tämä on mitattavissa. Tee kokeita. Lisää nopeusparannuksia. Seuraa vaikutusta konversioihin.
5 sekunnin latausaika menettää enemmän asiakkaita kuin 2 sekunnin latausaika. Ero on rahaa. Optimoi sivun nopeus, niin kasvatat tuloja sijoitusten ohella.
Optimoi kuvat tehokkaasti
Kuvat ovat yleensä sivujen suurimpia tiedostoja. Pakkaa ne sinnikkäästi. Käytä uuden sukupolven muotoja. Lataa taitteen alapuolella olevat kuvat vasta tarvittaessa. Käytä mukautuvia kuvia, jotka skaalautuvat eri laitteille.
Tarpeettomien kuvien poistaminen on joskus tärkeämpää kuin jäljelle jäävien kuvien pakkaaminen. Tarvitsetko 10 kuvaa vai 5? Vähemmän kuvia latautuu nopeammin.
Usein kysytyt kysymykset
Mikä on hyvä Core Web Vitals -tulos?
Hyvä tarkoittaa: LCP alle 2,5 sekuntia, INP alle 200 millisekuntia, CLS alle 0,1. Jos jokin mittari ylittää nämä rajat, sivusi ei läpäise. Tarkista oikea käyttäjädatasi hakukonekonsolista. Laboratoriotuloksilla on vähemmän väliä kuin oikeiden käyttäjien kokemuksella. WEMASYn Sivustonrakentajalla voit tehdä tämän suoraan verkkosivustollasi.
Miten mittaan Core Web Vitalsini?
Käytä Google PageSpeed Insightsia laboratoriotestaukseen. Käytä hakukonekonsolia oikeiden käyttäjien dataan. Käytä Lighthousea Chrome DevToolsissa. Käytä kolmannen osapuolen seurantatyökaluja. Oikeiden käyttäjien seuranta on tärkeintä, koska se näyttää todellisen kokemuksen eikä testiolosuhteita.
Takaako Core Web Vitalsin parantaminen paremmat sijoitukset?
Ei. Core Web Vitals on yksi sijoitustekijä sadoista. Sisällön laadulla ja osuvuudella on enemmän väliä. Mutta Core Web Vitals toimii ratkaisijana, kun muut tekijät ovat tasan. Paranna niitä, mutta keskity ensin sisällön laatuun.
Mikä web-hotelli vaikuttaa Core Web Vitalsiin eniten?
Palvelimen vasteaika vaikuttaa LCP:hen merkittävästi. Nopeammat web-hotellit toimittavat sisällön nopeammin. Mutta web-hotelli on vain osa kokonaisuutta. Kuvien optimointi, JavaScriptin optimointi ja välimuisti ovat yhtä tärkeitä kuin web-hotelli. Huonoa optimointia ei voi korjata pelkällä web-hotellilla.
Kuinka kauan Core Web Vitalsin parannusten vaikutus sijoituksiin kestää?
Hakukoneet voivat alkaa käyttää parantuneita mittareita päivien sisällä. Mutta sijoitusten parantuminen kestää kauemmin. Hakukoneet arvioivat sivut uudelleen viikkojen ja kuukausien aikana. Paranna Core Web Vitalsiasi, mutta älä odota sijoitusten muuttuvan yön yli. Seuraa sen sijaan vaikutusta konversioihin, jotka paranevat usein nopeammin kuin sijoitukset.
Mitkä kolmannen osapuolen skriptit haittaavat Core Web Vitalsia eniten?
Analytiikka, mainokset ja chat-widgetit hidastavat usein sivuja. Lataa ne vasta, kun pääsisältö on valmis. Käytä asynkronista latausta. Harkitse ei-kriittisten skriptien lykkäämistä. Testaa jokaisen skriptin vaikutus Core Web Vitalsiisi. Poista skriptit, jotka tuovat vähän arvoa mutta heikentävät suorituskykyä merkittävästi.