Rajaa mittaus
Valitse sivupohjat, URL:t, laitteet, alueet ja tärkeät toiminnot. Kirjaa ajanjakso, otos ja muutokset.
OPAS / MENETELMÄ
Käyttäjän kokeman verkkosuorituskyvyn mittaus
Laboratoriopiste kuvaa yhtä testiä; koettu nopeus riippuu käyttäjistä, laitteista ja poluista.
Suora vastaus
Miten suorituskyky mitataan sekoittamatta pistettä kokemukseen?
Erota kenttä- ja laboratoriotieto, mobiili ja työpöytä sekä sivut ja polut. Seuraa LCP:n, INP:n ja CLS:n jakaumia ja selvitä vastuullinen resurssi tai toiminto ennen muutosta.
01 / Tarkistusmenetelmä
Tarkistusmenetelmä
Vertaa tietoja
Tarkastele kentän Core Web Vitals -arvoja 75. persentiilissä; käytä laboratoriotallenteita syyn toistamiseen.
Etsi syy
Tunnista LCP-elementti, kriittiset resurssit, estävät skriptit, pitkät tehtävät, asettelusiirtymät ja kolmannet osapuolet.
Korjaa ja seuraa
Aseta etusija vaikutuksen ja kustannuksen mukaan, mittaa ennen ja jälkeen vastaavissa oloissa ja seuraa taantumia.
MITTAUSTYÖPAJA
Kolme rajaa käyttäjän kokeman suorituskyvyn tulkintaan
Hyvät 75. persentiilin rajat ovat LCP ≤ 2,5 s, INP ≤ 200 ms ja CLS ≤ 0,1. Vertaa samaa laitetta, ajanjaksoa ja laajuutta. Taulukko kuvaa kuvitteellista esimerkkiä.
Kuvitteellinen esimerkki · ei tämän sivuston tai asiakkaan mittaus
| Mittari | Laskenta tai raja | Mitä tulos kertoo |
|---|---|---|
| Lataus · LCP | LCP ≤ 2.5 s | 2,8 s ylittää 2,5 s: tutki pääsisällön piirtymistä. |
| Vuorovaikutus · INP | INP ≤ 200 ms | 180 ms alittaa 200 ms: vuorovaikutusraja täyttyy esimerkissä. |
| Vakaus · CLS | CLS ≤ 0.1 | 0,08 alittaa 0,1: vakausraja täyttyy esimerkissä. |
Havainnosta päätökseen
Tunnista mittaus
Erota kenttämittaus laboratoriokokeesta. Säilytä URL tai alkuperä, laite ja päivät.
Etsi syy
Tutki LCP:n pääsisältöä, INP:n vuorovaikutuksia ja CLS:n asettelusiirtymiä.
Vertaa uudelleen
Tarkista sama laajuus korjauksen jälkeen. Yksi hyvä koe ei kuvaa kaikkia kävijöitä.
Parempi keskiarvo ja huonompi mediaani
Viisi laboratoriolatausta mitataan ennen ja jälkeen samassa testiympäristössä. Sarjat ovat kuvitteellisia, eivät todellisten käyntien jakauma.
| Havaintoyksikkö | Ennen | Jälkeen |
|---|---|---|
| Viisi havaintoa (sekuntia) | 1 ; 1 ; 1 ; 1 ; 8 | 1,5 ; 1,5 ; 1,5 ; 1,5 ; 1,5 |
| Keskiarvo (sekuntia) | 2,4 | 1,5 |
| Mediaani (sekuntia) | 1 | 1,5 |
Miksi ”keskimäärin nopeampi” ei kuvaa koko sarjaa?
Keskiarvo laskee 2,4:stä 1,5 sekuntiin, mutta mediaani nousee 1:stä 1,5:een. Säilytä havainnot ja ennakkoon valittu mittari. Viisi koetta ei korvaa käyntien persentiiliä.
Menetelmäviite : NIST · Measures of Location ·
Tietojen lukemisen työpaja
LCP-kuva voi saapua DOMContentLoadedin jälkeen
Kolme kuvitteellista jälkeä erottaa välimuistin, verkon ja piirtovaiheet väittämättä todellista suorituskykyä.
Kuvitteellisia tietoja ja merkintöjä oppimista varten: tulokset eivät ole peräisin suorista palvelukyselyistä.
Vertaa C1:tä, W1:tä ja C2:ta sekoittamatta ehtoja
Ajat alkavat navigoinnin alusta. TTFB on tässä responseStart−startTime, ei pelkkä palvelinaika. LCP:tä seurataan viisi sekuntia ilman vuorovaikutusta.
Jos taulukko ylittää näytön, vieritä vaakasuunnassa; nuolinäppäimet toimivat alueen ollessa kohdistettuna.
| Tarkistus | Esimerkin havainto | Mitä osoitetaan | Seuraava toimi |
|---|---|---|---|
| C1 · kylmä välimuisti · verkko A | TTFB 400 ms; DCL 900 ms; kuvan LCP 2 100 ms | DCL tapahtuu ennen viimeistä havaittua LCP-piirtoa. | Seuraa kuvaa: vastaus loppuu 1 800 ms:ssa, sitten piirto. |
| W1 · lämmin välimuisti · verkko A | TTFB 350 ms; DCL 700 ms; LCP 1 000 ms | Välimuistiehto eroaa C1:stä. | Kuvaa eri ehto, älä korjauksen vaikutusta. |
| C2 · kylmä välimuisti · verkko B | TTFB 800 ms; DCL 1 400 ms; LCP 3 800 ms | Verkko vaihtuu; C2 ei ole verrattava C1-toisto. | Pidä sarjat erillään ja toista samoissa oloissa. |
| C1-aikajana | LCP−DCL = 1 200 ms; LCP−kuvan loppu = 300 ms | Aikavälejä, ei osoitettuja syitä. | Tutki löytyminen, siirto ja piirto; älä summaa aikaleimoja erillisiksi kestoiksi. |
Mitä C1/W1-ero osoittaa?
Avaa jokainen väite ja vertaa sen tulkintaa. Lisätarkistuksia voi silti tarvita.
Korjaus säästi kaikilta kävijöiltä 1 100 ms.
Ei: välimuisti muuttuu eikä yleistä vaikutusta mitata.
DCL 900 ms:ssa osoittaa C1:n kokonaan näkyväksi.
Ei: esimerkin LCP-kuva piirtyy myöhemmin.
1 100 ms:n eron kahden laboratorioehdon välillä.
Sopii tähän. Vaikutus vaatii ennen/jälkeen-toistoja samalla välimuistilla, verkolla ja sisällöllä.
Säilytetty vertailujälki
Tapaus: DEMO-P24; 5 s ilman vuorovaikutusta C1 kylmä/A: TTFB 400; DCL 900; LCP 2100 ms C1-kuva: vastaus loppuu 1800 ms; piirto 2100 ms W1 lämmin/A: TTFB 350; DCL 700; LCP 1000 ms C2 kylmä/B: TTFB 800; DCL 1400; LCP 3800 ms C1−W1 LCP: 1100 ms; eri ehdot Tulos: testattava oletus, ei kenttähyöty
Säilytä versio, näkymäkoko, laite, välimuisti, verkko, LCP-elementti ja resurssijäljet. Kerro toistot ja yhteenvetotapa ennen kenttädataan vertaamista.
Sääntöjen dokumentaatio erillään kuvitteellisista esimerkeistä
02 / Säilytettävä näyttö
Säilytettävä näyttö
Mitattu joukko
Lähde, päivät, laite, alue, URL tai sivuryhmä ja otoskoko.
Jakauma
LCP, INP ja CLS persentiileineen sekä kentän ja laboratorion ero.
Syyjälki
Verkon aikajana, elementti, tehtävä tai resurssi ja testattu oletus.
Päätös
Muutos, vastuuhenkilö, havaittu vaikutus ja seurantaraja.
Vertaa muita tilanteita ja harjoituksia
TARKISTUSPISTE
Ennen johtopäätöstä
Yleinen tulkintavirhe ja tarkistus, jolla se voidaan välttää.
Hätiköity päätelmä
Laboratoriopiste ei yksin kuvaa kaikkien kävijöiden kokemusta. Laitteet, verkot, sivut ja mittaushetket tuottavat eroja.
Ratkaiseva tarkistus
Valitse tärkeät sivut ja polut, vertaa kenttä- ja laboratoriomittauksia sekä erittele kuvien, skriptien ja fonttien kustannus. Varmista, ettei korjaus siirrä ongelmaa.
TARKISTUKSEN JÄLKEEN
Päätä havainnon perusteella
Laboratorio paranee mutta kenttä ei
Älä väitä vielä käyttäjäparannusta. Tarkista keruuviive, otos, välimuisti, laitteet ja URL:t.
Lataus on nopea mutta toiminto hidas
Tutki INP:tä heikentävät toimet, JavaScript-tehtävät ja kolmannet osapuolet; mittaa sama polku uudelleen.
Päätös ja tarkistusjälki
Päätös ja tarkistusjälki
Mitä tarkistus auttaa päättämään ja mitä on talletettava päätöksen arvioimiseksi uudelleen.
Riittävä näyttö
Mittaa tyypilliset sivut samalla laitteella, verkolla, välimuistilla ja versiolla; erota kenttä- ja laboratoriotiedot. Tallenna raskaimmat resurssit.
Seuraava päätös
Korjaa havaittua viivettä aiheuttava pääkuva, CSS tai skripti. Vertaa samalla menetelmällä ja seuraa regressiota.
Yksityiskohtaiset tarkistustapaukset
Tyypillisiä tilanteita tarkistuksen suunnitteluun. Ne eivät kuvaa toteutettuja toimeksiantoja tai todellisia havaintoja.
Nopea paikallinen mittaus peittää hitaan mobiilikäytön
Mitä tutkitaan
Vertaa toistuvia latauksia, verkkoyhteyksiä ja laitteita. Erota laboratoriomittaukset käyttöhavainnoista ja tarkastele hajontaa, sivuja sekä tiedonkeruun oloja.
Päätös ja toimenpide
Korjaa havaittu pullonkaula tärkeimmässä käyttökulussa. Älä yleistä paikallista keskiarvoa kaikkiin kävijöihin tai selitä vaihtelua korjauksella ilman vertailukelpoisia oloja.
Säilytettävä näyttö
Säilytä skenaario, ympäristö, mittausten määrä ja jakauma sekä hyödyllistä sisältöä viivyttäneet resurssit.
Pääkuva odottaa vältettävissä olevaa riippuvuutta
Mitä tutkitaan
Tutki pyyntöjen aikajanaa ja kuvan löytymisen, lataamisen ja näyttämisen ajankohtia. Tarkista tätä ketjua viivyttävät skriptit, tyylit ja latausasetukset.
Päätös ja toimenpide
Korjaa havaittu syy ja mittaa uudelleen. Tiedostokoon pienentäminen ei riitä, jos selain löytää pääsisällön resurssin myöhään.
Säilytettävä näyttö
Tallenna jäljet ennen ja jälkeen, resurssin URL, mitat, koko sekä todella toteutetut prioriteettimuutokset.
Keskiarvo piilottaa hitaan sivun
Mitä tutkitaan
Erota pohjat, kielet, laitteet ja mittausolosuhteet.
Päätös ja toimenpide
Priorisoi havaittu hidas tehtävä yleisen keskiarvon sijaan.
Säilytettävä näyttö
Osoite, olosuhteet, hallitseva resurssi ja uusintamittaus.
Tarkistus ennen päätöstä
Kysymykset täydentävät menetelmää. Ne auttavat tunnistamaan tuetut päätelmät säilyttäen varaukset tietueessa.
Vertailukelpoinen mittaus
Määrittävätkö ennen- ja jälkeenmittaukset saman laitteen, verkon, välimuistin, sivun ja olosuhteet? Säilytä useita havaintoja ja erota laboratorio todellisesta käytöstä.
Katso päätöksen esimerkki
Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.
- Kuvitteellinen havainto
- Ennen-havainto käyttää puhelinta ja kylmää välimuistia; jälkeen-havainto tietokonetta ja lämmintä välimuistia.
- Ilmoitettu tila
- Havaittu poikkeama
- Päätös ja seuraava tarkistus
- Luo vertailukelpoiset olot ennen parannusväitettä. Säilytä alkuhavainnot eri konteksteina.
Polku ilman heikennystä
Säilyttääkö nopeampi lataus haun, vuorovaikutukset, lomakkeet ja hyödylliset kuvat? Testaa myöhäinen toiminto ja virhetila, älä vain saapumista.
Katso päätöksen esimerkki
Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.
- Kuvitteellinen havainto
- Pääkuva latautuu nopeammin, mutta hakupainike lakkaa vastaamasta syötön jälkeen.
- Ilmoitettu tila
- Havaittu poikkeama
- Päätös ja seuraava tarkistus
- Korjaa toiminnallinen regressio ennen työn sulkemista. Testaa tyhjä haku, hyödyllinen haku ja virhetila.
Joukko ja prosenttipiste
Säilyvätkö prosenttipiste ja laiteluokka? Älä sekoita yksittäisten testien keskiarvoa todellisen käytön jakaumaan.
Tarkistettu dokumentaatio : web.dev · Web Vitals ·
Katso päätöksen esimerkki
Kuvitteellinen esimerkki: tila koskee vain kuvattua kriteeriä ja rajausta.
- Kuvitteellinen havainto
- Kolme laboratoriokoetta antaa keskiarvon; todellisten käyntien jakaumaa ei ole.
- Ilmoitettu tila
- Ei tarkistettu
- Päätös ja seuraava tarkistus
- Nimeä tulos laboratoriomittaukseksi. Jätä käyttödatan persentiili tarkistamatta ja kerro laiteryhmä.
TYÖKALUT / REKISTERIT
Kirjattavat tiedot
Erota laboratoriomittaukset kenttätiedoista. Vertaa samaa sivua ja laitetta vertailukelpoisina ajanjaksoina; säilytä saatavilla oleva persentiili ja otoskoko.
- Katselupäivä ja aikavyöhyke
- Tarkka URL
- Laite / selain
- Mittari / mittaus
- Otos / perusjoukko
- Havaittu tulos
- Päätös / seuraava toimi
- Tarkistuksen vastuuhenkilö
- Seuraava tarkistus
03 / FAQ
Usein kysytyt kysymykset
Miksi luvut eroavat?
Kenttä kattaa todelliset laitteet ja verkot, laboratorio hallitun tilanteen.
Mitä 75. persentiili tarkoittaa?
Arvoa, jonka 75 prosenttia mitatuista käynneistä saavuttaa tai alittaa.
Riittääkö yksi INP-testi?
Ei. Testaa useita toimintoja ja käytä kenttädataa; laboratoriotallenne selittää yhden tapauksen.
Pitääkö kaikki kuvat optimoida?
Aloita kuvista, jotka oikeasti vaikuttavat näkyvään lataukseen, ja tarkista mitat sekä prioriteetti.
Minkälaista arvoa pidetään, kun toimenpiteet vaihtelevat?
Pidä täytäntöönpanoja ja kuvaile niiden hajottamista selkeällä synteesin säännöllä. Valinnan on vastattava valvonnan tavoitteita ja mahdollistettava vertailun toistaminen samassa tilanteessa.
04 / Viralliset lähteet
Viralliset lähteet
Kuvaa tilanne
DOKUMENTOIDUT TIEDOT
Lue Core Web Vitals -rajat ilman perusteetonta arviota
LCP, INP ja CLS kuvaavat kokemuksen kolmea eri puolta. Julkaistut rajat luokittelevat arvon, mutta yksittäinen testi ei siten edusta kaikkia kävijöitä.
| Viite | Arvo tai muoto | Mitä se yksilöi |
|---|---|---|
| LCP | ≤ 2500 ms · > 4000 ms | LCP kuvaa suurimman soveltuvan sisällön piirtymistä. Hyvä enintään 2500 ms; parannettava sen yli enintään 4000 ms; heikko sen yli. |
| INP | ≤ 200 ms · > 500 ms | INP kuvaa soveltuvien vuorovaikutusten vastetta. Hyvä enintään 200 ms; parannettava enintään 500 ms; heikko sen yli. Se ei ole koko työtehtävän kesto. |
| CLS | ≤ 0,1 · > 0,25 | CLS on yksikötön visuaalisen vakauden piste. Hyvä enintään 0,1; parannettava enintään 0,25; heikko sen yli. Pistettä ei muuteta millisekunneiksi. |
| p75 | 75 % | Kenttäarvio käyttää 75. prosenttipistettä: noin kolme neljästä havainnosta on sen tasolla tai alle. Aritmeettinen keskiarvo vastaa eri kysymykseen. |
| COHORT | URL / alkuperä · laite · jakso | Vertaa samaa rajausta: sivu tai alkuperä, laite ja ajanjakso. Rajat ovat samat mobiilissa ja tietokoneessa, mutta havaintojoukot luetaan erikseen. |
| MISSING | ≠ 0 | Puuttuva mittari esimerkiksi soveltuvan vuorovaikutuksen puuttuessa ei ole nolla. Ilman kolmea vaadittua mittaria ja kontekstia ei voi ilmoittaa kokonaisläpäisyä. |
Luokittele kolme arvoa julkaistujen rajojen mukaan
Alkuarvot ovat hyvän luokan rajoja. Ei verkkopyyntöä tai sivuston mittausta. Ilmoitat kontekstin itse; tietoja ei varmenneta.
Syötä kolme epänegatiivista desimaalilukua ilman yksiköitä tai tuhaterottimia (enintään 64 merkkiä). Desimaalipiste tai -pilkku kelpaa.
Alkuesimerkki: kaikki kolme rajaa kuuluvat hyvään luokkaan. Vain numeroluokitus: ei päätelmää kenttäarvion läpäisystä.
| Mittari | Syötetty arvo | Numeroluokka |
|---|---|---|
| LCP | 2500 ms | Hyvä |
| INP | 200 ms | Hyvä |
| CLS | 0.1 | Hyvä |
| Mittari | Hyvä | Parannettava | Heikko |
|---|---|---|---|
| LCP | ≤ 2500 ms | > 2500 · ≤ 4000 ms | > 4000 ms |
| INP | ≤ 200 ms | > 200 · ≤ 500 ms | > 500 ms |
| CLS | ≤ 0.1 | > 0.1 · ≤ 0.25 | > 0.25 |
Huomioitavaa aineistossa
Lukija soveltaa vain julkaistuja numerorajoja. Alkuarvot ovat hyvän luokan rajoja, eivät tämän sivuston mittauksia.
Todistavatko kolme hyvää arvoa sivuston läpäisyn?
Vain kenttäarvion ehdoilla: kolme vertailukelpoista ja kelpoista p75-arvoa ilmoitetussa rajauksessa. Laboratoriotesti tai käsin syöttäminen ei varmista näitä ehtoja.
Alkuperäisdokumentaatio
Dokumentaatio tarkistettu .
DOKUMENTOIDUT TIEDOT
CrUX: erota ikkuna, rajaus ja saatavilla olevat havainnot
CrUX-vastaus kuvaa kelpoista joukkoa liukuvassa ikkunassa. Tallenna kyselyn avain, laitteet ja palautetut päivät ennen kahden p75-arvon vertailua.
| Viite | Arvo tai muoto | Mitä se yksilöi |
|---|---|---|
| url / origin | sivu / alkuperä | URL-kysely koskee sivua; origin-kysely yhdistää alkuperän sivuja. Alkuperän hyvä tulos ei automaattisesti korvaa yksittäisen sivun mittausta. |
| formFactor | PHONE · DESKTOP · TABLET | formFactor rajaa laiteluokan. Sen puuttuminen yhdistää saatavilla olevat luokat eikä tarkoita tietokonetta. Eri suodatin muuttaa havaintojoukkoa. |
| collectionPeriod | firstDate · lastDate | Vastausrakenne käyttää collectionPeriod-kentässä nimiä firstDate ja lastDate. Tallenna molemmat rajat mittarin kanssa, älä vain kyselypäivää. |
| WINDOW | 28 päivää | Ikkuna kattaa 28 päivää myös uudelle sivulle. Se ei todista 28 päivän todellisia havaintoja tai jatkuvaa mukanaoloa otoksessa. |
| percentiles.p75 | ≠ keskiarvo | p75 on prosenttipiste, ei keskiarvo tai hetkellinen mittaus. Peräkkäiset ikkunat limittyvät paljon eivätkä ole riippumattomia otoksia. |
| ELIGIBILITY | julkinen · suosittu | Kelpoisuus riippuu käyttäjistä, sivuista ja vähimmäissuosiosta, jonka tarkkaa rajaa ei julkaista. Puuttuva vastaus ei tarkoita nollaliikennettä tai heikkoa suorituskykyä. |
Huomioitavaa aineistossa
API päivittyy päivittäin keruuviiveellä. Kyselyn toisto ei luo reaaliaikaista mittausta; tallenna myös palautunut rajaus.
Voiko jaksoa kutsua 28 mitatuksi päiväksi?
Käytä mieluummin 28 päivän koonti-ikkunaa. Uusi tai tilapäisesti kelpaamaton sivu voi tuottaa vain osan mahdollisista havainnoista.
Alkuperäisdokumentaatio
Dokumentaatio tarkistettu .
SYVENTÄVÄ LUKEMINEN / KÄYTÄNTÖ
Yhdistä tekninen mittaus käyttötapaukseen
Sivut saavat vaihtelevan pisteen työkalun tai suorituskyvyn mukaan. Kokemuksen ymmärtämiseksi on dokumentoitava konteksti ja erotettava laboratorio mittaus käytettävissä olevista käytön havainnoista.
Päivitetty .
Ensisijaiset tarkistukset
Lataa laite, simuloitu verkko, sivu, kaapin tila ja toistot. Tarkista resursseja, jotka viivyttävät hyödyllisen näytön tai vuorovaikutuksen ja toista sitten mittauksen korjauksen jälkeen.
Tulkinnan sudenkuopat
Kaksi eri olosuhteista peräisin olevaa pistettä vertaileminen voi antaa optimoinnille testin tuloksena olevan vaikutuksen. Tekninen voitto voi myös jättää muuttumattoman hämmentävän matkan.
Säilytettävä työasiakirja
Mittauskertomus sisältää ehdot, raaka-arvot, hajottaminen ja muutokset. Se yhdistää korjauksen vaiheeseen, jota se pyrkii parantamaan.