Gekissimo.net - Opi ansaitsemaan rahaa webilläsi Internetissä!

PageSpeed ​​Insights lisää uusia Lighthousen nopeusmittareita

Seuraava artikkeli auttaa sinua: PageSpeed ​​Insights lisää uusia Lighthousen nopeusmittareita

Googlen PageSpeed ​​Insights lisäsi kaksi uutta mittaria PageSpeed ​​Insights -sovellusliittymään ja Lighthousen käyttöliittymään. Nämä kaksi mittaria on merkitty kokeellisiksi, ja niitä kerätään nyt kenttätietoja varten, kun taas vastaavia laboratoriotietoja voidaan käyttää diagnostisiin tarkoituksiin.

Google Lighthouse päivitetty

Lighthouse on nyt päivitetty kahdella uudella mittarilla.

Uudet Lighthouse-mittarit ovat:

  • Vuorovaikutus seuraavaan maaliin (INP)
  • Aika ensimmäiseen tavuun (TTFB)

Aika ensimmäiseen tavuun (TTFB)

Monet ihmiset tietävät jo Time to First Byten, se on ollut olemassa useita vuosia ja joillekin saattaa olla jo tuttu se.

Time to First Byte (TTFB) -metriikka mittaa, kuinka nopeasti palvelin vastaa resurssipyyntöön.

Tämän mittarin merkitys on siis siinä, että se auttaa eristämään yhden tekijän (palvelimen reagointikyky), jolla voi olla negatiivinen vaikutus kaikkiin muihin sivun latausmittareihin, jotka tulevat myöhemmin.

Tämä tekee TTFB:stä erittäin tärkeän mittarin, joka on tarkistettava diagnostisia tarkoituksia varten.

Jokaisen, joka on keskittynyt Core Web Vitalsin parantamiseen, tulisi antaa TTFB:lle mahdollisuus nopeaan voittoon.

TTFB:ssä on muuttunut se, että tämä on ensimmäinen kerta, kun se on saatavilla mittarina PageSpeed ​​Insights -tulososiossa.

Chrome kerää ja raportoi myös TTFB-kenttätiedot ensimmäistä kertaa.

Vuorovaikutus seuraavaan maaliin (INP)

Interaction to Next Paint (INP) on upouusi mittari, joka kertoo, kuinka kauan koko sivun vuorovaikutus kestää, mitä Google-puhelut “.”

INP-mittaukset ilmaisevat, kuinka kauan kestää olla vuorovaikutuksessa koko sivun kanssa, mikä on toisin kuin First Input Delay, joka mittaa vain sen, kuinka kauan kestää, että sivu vastaa sivuston vierailijan ensimmäiseen vuorovaikutukseen.

Google käyttää esimerkkiä ostossivusta havainnollistamaan eroa hyvän ja huonon INP:n välillä.

Esimerkki ostossivusta näyttää napsautettavan kuvan, joka luo suuremman lähikuvaversion.

🔥 Empfohlen:  10 hyödyllistä resurssia Markdown-syntaksin oppimiseen

Esimerkki huonosta reagointikyvystä on se, että käyttäjä napsauttaa kuvaa ja odottaa, että jotain tapahtuu, kun isompi kuva latautuu selaimeen. Napsautukseen ei anneta palautetta.

Esimerkki hyvästä reagointikyvystä on se, että käyttäjä napsauttaa samaa kuvaa, joka vastaa välittömästi sivunlatauskuvalla, joka ilmoittaa, että kuvapyyntö vastaanotettiin ja latautuu nyt.

Näyttökaappaus Web-sivuelementin hyvästä reagointikyvystä

Yllä oleva on esimerkki siitä, kuinka uusi INP-mittari mittaa verkkosivun kaikkia responsiivisia elementtejä saadakseen esityksen Interaction to Next Paintista.

Googlen Web.dev selittää uuden Interaction to Next Paint (INP) -mittarin:

“INP on mittari, jonka tarkoituksena on edustaa sivun yleistä vuorovaikutusviivettä valitsemalla yksi pisimmistä yksittäisistä vuorovaikutuksista, jotka tapahtuvat, kun käyttäjä vierailee sivulla.

Sivuilla, joilla on yhteensä alle 50 vuorovaikutusta, INP on vuorovaikutus, jolla on huonoin viive.

Sivuilla, joilla on paljon vuorovaikutusta, INP on useimmiten vuorovaikutusviiveen 98. prosenttipiste.”

Uusi PageSpeed ​​Insights -asettelu

Kaksi uutta mittaria ovat nyt tarkasteltavissa PageSpeed ​​Insights -työkalussa.

Kenttätietojen näkyminen voi kuitenkin kestää jonkin aikaa, koska kenttätiedot ovat peräisin todellisilta Chrome-selaimen käyttäjiltä, ​​jotka ovat sallineet sivun nopeustietojen lähettämisen Googlelle, jotta he voivat vierailla sivustolla ja tallentaa tietonsa.

Web Vitals -pisteet näkyvät ensimmäisenä peräkkäin (työpöytänäkymässä).

Lighthouse näyttää sitten toisen rivin mittareita:

  • Ensimmäinen sisällöllinen maali
  • P-KIRJAIMESSA
  • TTFB

Kuvakaappaus New Lighthouse Metrics Display -näytöstä

Chrome-majakan laajennus

Toinen tapa tarkastella uusia mittareita on Chrome Lighthouse -laajennus.

Sitä käytetään selaamalla mille tahansa sivulle, ja selaimen oikeassa yläkulmassa oleva neliöruutu muuttuu punaiseksi tai vihreäksi sen mukaan, läpäiseekö sivu Core Web Vitals -mittarit.

Itse laatikon napsauttaminen aktivoi CWV:n ja kokeellisten mittareiden näytön.

Kuvakaappaus Chrome Lighthouse -laajennuksesta

Uusia mittareita saatavilla kolmannen osapuolen työkaluissa

Monet sivunnopeustyökalut, jotka käyttävät Lighthousea analyysissaan, näyttävät myös INP- ja TTFB-mittarit.

🔥 Empfohlen:  Google Cloudin luova tekoäly: uusi yritysinnovaatioaika

Esimerkiksi, WebPageTest.org näyttää nyt uudet tiedot.

Näyttökaappaus WebPageTest Lighthouse -tuloksista

Page Speed ​​Insights -päivitykset

PageSpeed ​​Insights -työkaluun on myös lisäpäivityksiä.

Huomattava muutos on tulosten näyttönopeus, joka saadaan aikaan lataamalla sekä kenttä- että laboratoriotiedot rinnakkain.

Toinen muutos on, että PageSpeed ​​Insights yrittää ratkaista HTTP-uudelleenohjaukset ennen kuin lähettää ne Lighthouseen analysointia varten. Aikaisemmin Lighthouse käsitteli HTTP-uudelleenohjaukset analyysin aikana.

Lisäksi kaksi muuta muutosta:

“Core Web Vitals (CWV) -mittarit (LCP, FID, CLS) näkyvät suoraan CWV-arvioinnin alla.

Kiristimme suunnittelua vähentäen monisanaisuutta ja pystysuoraa tilaa.”

Majakkatiedot ovat hyödyllisempiä

Näiden kahden mittarin, TTFB:n ja INP:n, lisääminen tekee kaikista Lighthouse-analyysiä käyttävistä sivunnopeustyökaluista huomattavasti hyödyllisempiä. TTFB antaa palautetta palvelimiin liittyvistä ongelmista, jotka voivat olla taustalla heikkoa nopeutta muualla, ja INP tarjoaa laajemman yleiskatsauksen sivun tehokkuudesta kuin aiemmin.

Lainaukset

Lue Googlen virallinen INP-selittäjä

Vuorovaikutus seuraavaan maaliin (INP)

Lue Googlen äskettäin päivitetty TTFB Explainer

Aika ensimmäiseen tavuun (TTFB)

Lue PageSpeed ​​Insights -julkaisutiedot

Julkaisutiedot PageSpeed ​​Insights API:lle ja PageSpeed ​​Insights UI:lle

Table of Contents