Erota kenttädata ja yksittäinen testi
Chrome UX Report ja Search Consolen Core Web Vitals -raportti perustuvat todellisiin Chrome-käyttäjiin 28 päivän ajalta. PageSpeed Insightsin Lighthouse-testi simuloi yhtä laitetta ja yhteyttä. Tulokset voivat siksi erota ilman, että kumpikaan on väärä.
Korjaus validoidaan ensin laboratoriossa ja sen jälkeen kenttädatassa. Uudella tai vähän käytetyllä sivulla URL-kohtaista kenttädataa ei välttämättä ole, jolloin raportti voi käyttää sivuryhmää tai origin-tasoa.
Paranna LCP:n löytämistä ja toimitusta
LCP on usein pääotsikko, hero-kuva tai suuri tekstialue. Varmista, että resurssi löytyy alkuperäisestä HTML:stä, sitä ei ladata laiskasti ja tärkeälle kuvalle voidaan antaa korkea fetchpriority. Optimoi kuvan mitat, formaatti ja palvelimen vaste.
Renderöintiä estävät tyylit, verkkofontit ja pitkät skriptiketjut viivästyttävät näyttämistä. Pidä ensimmäisen näkymän CSS hallittuna ja esilataa vain aidosti kriittiset resurssit.
Lyhennä INP:tä pilkkomalla työ
Pitkä JavaScript-tehtävä estää selainta käsittelemästä klikkausta, näppäilyä tai kosketusta. Poista tarpeeton skripti, jaa raskas työ pienempiin osiin ja vältä koko näkymän uudelleenrenderöintiä yhden kontrollin vuoksi.
Mittaa todellinen käyttäjätoiminto selaimen Performance-työkaluilla. Kolmannen osapuolen tagi voi olla kevyt latauksessa mutta raskas juuri ensimmäisen klikkauksen aikana.
Estä CLS varaamalla tila
Anna kuville, iframeille, mainoksille ja upotuksille leveys, korkeus tai aspect-ratio. Älä lisää banneria jo näkyvän sisällön yläpuolelle ilman varattua tilaa. Fontinvaihto voi myös siirtää tekstiä, jos varafontin mitat eroavat paljon.
Kaikki layout shift ei ole huono: käyttäjän välittömästi käynnistämä muutos voidaan jättää CLS-laskennan ulkopuolelle. Odottamaton siirtymä ilman toimintoa on olennaisin ongelma.
Tarkistuslista
- Tarkista 75. persentiilin kenttädata
- Tunnista todellinen LCP-elementti
- Etsi pitkät JavaScript-tehtävät
- Määritä mediaelementtien mitat
- Seuraa sivupohjia yksittäisten URL:ien lisäksi
Usein kysyttyä
Ovatko Core Web Vitals ranking-tekijä?
Sivukokemus ja Core Web Vitals voivat vaikuttaa, mutta hyvä tulos ei yksin takaa sijoitusta. Relevantti ja hyödyllinen sisältö on edelleen ratkaiseva.
Miksi mobiili ja desktop eroavat?
Laiteteho, verkkoyhteys, näkymän koko ja käyttäjien toiminta eroavat. Mittaa ja korjaa ne erillisinä kokemuksina.
Pitääkö jokaisen sivun olla 100/100?
Ei. Lighthouse-pistemäärä on diagnostiikkaa. Tavoite on hyvä todellinen kokemus ja Core Web Vitals -kynnysten saavuttaminen.
Lähteet
- Google Search Central: Core Web VitalsLCP-, INP- ja CLS-mittarit osana sivukokemusta