Verkkosivujen omistajat haluavat optimoida käyttäjien avainkokemuksen verkkosivuillaan. Useita työkaluja on otettu käyttöön verkkosivun optimoimiseksi ja laadun parantamiseksi. Kaikki yrityksen omistajat, markkinoijat tai kehittäjät voivat käyttää näitä työkaluja lisätäkseen sivuston määrää ja kokemusta sekä tunnistaa mahdollisuudet parantaa.
Core Web Vitals vs Lighthouse
Ero Core Web Vitalsin ja Lighthousen välillä on se, että Google esitteli molemmat työkalut ja Core Web Vitalsin kolme mittaria ovat LCP (Largest Contentful Paint), FID (First Input Display), CLS (Cumulative Layout Shift) käytön aikana. toisaalta Google Lighthousessa on myös kolme mittaria, ja ne kaksi ovat samat kuin Core Web Vitals, jotka ovat LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), TBT (Total Blocking Time).
Google esitteli Core Web Vitalsin vuoden 2020 toukokuussa. Se on osa Web Vitals -tietoja, ja se koskee kaikkia Googlen verkkosivuja. Ja näiden verkkosivujen sivustojen omistajat mittaavat tämän työkalun avulla, ja sen mukaan Google lajittelee ne.
Google esitteli Lighthouse-työkalun 19. toukokuuta 2020. Tämä työkalu on suunniteltu mittaamaan verkon perusarvoja ja myös verkkosivujen laadun parantamista tai optimointia. Työkalua käytetään verkkosivun URL-osoitteen syöttämisen jälkeen, minkä jälkeen se suorittaa useita tarkistuksia ja pisteyttää verkkosivun yksityiskohtaisella raportilla.
Core Web Vitalsin ja Lighthousen vertailutaulukko
| Vertailuparametrit | Core Web Vitals | Majakka |
| Mikä se on? | Se on osa Web Vitals -arvoja, ja se koskee kaikkia verkkosivuja kaikkien sivustojen omistajien ja kaikkien Googlen pintojen mittaamana. | Työkalu parantaa verkkosivujen laatua |
| Toimintatapa | Näyttää verkkosivun suorituskyvyn todellisten käyttötietojen (kenttätietojen) perusteella. | Se luo sarjan tarkistusta, ja sitten näytetään yksityiskohtainen raportti, jossa on pisteet sivun suorituskyvystä. |
| Esitelty vuonna | toukokuu 2020 | 19. toukokuuta 2020 |
| Mitattu | Se mitataan Lighthouse-työkalulla, Chrome UX -raportilla, Chrome DevToolsilla, Search Consolella ja PageSpeed Insightsilla. | Sellaista työkalua siihen ei ole. |
| Mittarit | LCP (Largest Contentful Paint), FID (First Input Display), CLS (kumulatiivisen asettelun muutos) | LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), TBT (Total Blocking Time) |
Mikä on Core Web Vitals?
Core Web Vitals voidaan määritellä web vitals -arvojen osajoukoksi, jota käytetään verkkosivuilla kaikkialla Googlen verkkosivustossa. Sivuston omistajien on mitattava nämä verkkosivut, ja sitten ne julkaistaan Googlessa. Tämä työkalu esiteltiin toukokuussa 2020, ja se suodattaa verkkosivun suorituskyvyn todellisen käyttödatan tai sanoo kenttätietojen perusteella.
Core Web Vitals -arvoja voidaan mitata monilla työkaluilla, ja jotkin niistä ovat – Lighthouse-työkalu, Chrome UX -raportti, Chrome DevTools, Search Console ja PageSpeed Insights. Työkalun nykyiset mittarit keskittyvät kolmeen asiaan, jotka auttavat parantamaan käyttökokemusta – lataus (LCP), interaktiivisuus (FID) ja visuaalinen lataus (CLS).
LCP tai Largest Contentful Paint mittaa verkkosivun lataustehoa, ja LCP:n pitäisi tapahtua 2,5 sekunnissa. Verkkosivun FID tai First Input -näyttö mittaa vuorovaikutteisuutta, ja sivulla saa olla 100 millisekuntia tai vähemmän FID:tä. Sivun CLS tai kumulatiivinen asettelun muutos mittaa visuaalista latausta, ja sivulla on oltava 0,1 tai vähemmän CLS. Verkkosivun, jonka kaikki mittarit ylittää yli 75 %, sanotaan osuvan oikeaan yleisöön.
Mikä on Lighthouse?
Lighthouse on Googlen automatisoitu työkalu, joka auttaa parantamaan verkkosivun laatua. Se on ilmainen työkalu, joka tarjotaan käyttäjille. Työkalu auttaa tarjoamaan näkemyksiä eri asioista, joita verkkosivun laadun parantaminen edellyttää, kuten sivun kokonaissuorituskyky, SEO käytettävyys, verkkosivun saavutettavuus, progressiivinen verkkosovellus ja parhaat käytännöt.
Majakkatyökalut käyttävät verkkosivun URL-osoitetta, jota on parannettava, ja sen jälkeen suoritetaan joitakin tarkistuksia. Työkalu saa pisteitä verkkosivulla, ja sivun toimivuudesta tuotetaan yksityiskohtainen raportti. Lisäksi Lighthouselle ei ole olemassa mittaustyökalua, toisin kuin Core Web Vitalsissa.
Google Lighthouse -työkalu toimii myös kolmella mittarilla, joissa kaksi niistä on samat kuin Core Web Vitals, ja jotka ovat LCP, CLS ja TBT. LCP (Largest Contentful Paint) mittaa verkkosivun latauskokemusta, ja sen pistemäärän on oltava 2,5 sekuntia tai vähemmän. CLS (Cumulative Layout Swift) mittaa verkkosivun visuaalista lataamista, ja sen pistemäärän on oltava 0,10 tai vähemmän. TBT (Total Blocking Time) mittaa verkkosivun responsiivisuutta. Sillä on yhteys FID:n kanssa.
Tärkeimmät erot Core Web Vitalsin ja Lighthousen välillä
Johtopäätös
Minkä tahansa sivuston tai verkkosivun menestys pitkällä aikavälillä edellyttää sisällön ja muiden ominaisuuksien optimoitua laatua, mikä tuo tervettä liikennettä verkkosivulle. Samaan tarkoitukseen Google on luonut ja julkaissut monia mittaustyökaluja verkkosivun yleisen suorituskyvyn raportoimiseksi viime vuosien ajalta. Jotkut kokeneet kehittäjät ovat havainneet näiden työkalujen olevan helppokäyttöisiä, kun taas jotkut heistä ovat myös arvioineet ne vaikeiksi työkaluiksi.
Nämä työkalut suodattavat sisällön ja verkkosivun automaattisesti mittareiden perusteella, mikä on suunniteltu tyhjentämään mahdollisimman paljon, jotta verkkosivu olisi täysin optimoitu sisällön ja muiden laadulla. Mittareita on neljä, joista kaksi on samat molemmille työkaluille (Core Web Vitals ja Lighthouse), kun taas yksi niistä on erilainen Lighthouse-työkalun tapauksessa. Mittarit ovat LCP, CLS, FID ja TBT.
Viitteet
- https://www.itema-conference.com/wp-content/uploads/2021/04/ITEMA-2020_Conference-Proceedings_FINAL.pdf#page=25
- https://www.mdpi.com/0718-1876/16/5/77
- https://www.theseus.fi/bitstream/handle/10024/352102/Analyis%20of%20deploying%20a%20React%20PWA%20on%20Google%20Play%20Store%20using%20TWA_Yoseph%20%20Alemu_Yoseph%20%20%20 29.pdf?sequence=2
- https://staff.fnwi.uva.nl/a.s.z.belloum/MSctheses/MScthesis_Tjarco.pdf
