Korjausraportti

Suorituskykyraportti

Lataamme kolme keskeistä sivuasi (verkkokaupassa etusivu, kokoelma ja tuote) keskitason puhelimena hitaalla 4G-yhteydellä, lisäämme Googlen todellisten käyttäjien datan, kun sivustollasi on riittävästi liikennettä, ja näytämme, mikä kutakin sivua hidastaa, korjaukset tärkeysjärjestyksessä.

  • Mobiililaboratoriotesti (LCP, CLS, TBT)
  • Googlen todellisten käyttäjien data, kun sitä on
  • Raskaimmat kuvat ja skriptit

Mitä tarkistamme

  • Largest Contentful Paint

    Kuinka kauan pääsisällön ilmestyminen kestää hidastetulla puhelimella, verrattuna 2,5 sekunnin raja-arvoon.

  • Asettelun siirtymät

    Hyppiikö sisältö latauksen aikana, verrattuna raja-arvoon 0,1.

  • Total Blocking Time

    Kuinka kauan skriptit estävät sivua reagoimasta; laboratoriotestin korvike Interaction to Next Paint -mittarille.

  • Todellisten käyttäjien data

    LCP, INP ja CLS 75. persentiilissä Googlen Chrome UX Reportista, kun sivustollasi on tarpeeksi liikennettä siinä näkymiseen.

  • Raskaat ja ylisuuret kuvat

    Yli 150 KB:n kuvat tai kuvat, jotka ovat paljon suurempia kuin koko, jossa ne näytetään, sekä viivästetysti ladattava (lazy-load) pääkuva.

  • Sivun koko ja pyynnöt

    Latauksen kokonaiskoko, pyyntöjen määrä ja kolmansilta osapuolilta tuleva osuus.

  • Renderöinnin estävät tiedostot

    Skriptit ja tyylitiedostot, jotka viivästävät ensimmäistä piirtoa.

Mitä saat

  • Mitatut arvot jokaiselle sivulle raja-arvoineen
  • Kunkin sivun raskaimmat tiedostot koon mukaan
  • Korjaukset vaikutuksen mukaisessa järjestyksessä, kirjoitettuna alustallesi
  • Valmis tekoälykehote jokaiseen havaintoon
  • PDF jaettavaksi kehittäjäsi kanssa

Miten raportti tehdään

  1. 1

    Jokainen sivu ladataan uudessa selaimessa, joka emuloi keskitason puhelinta hitaalla 4G-yhteydellä (150 ms viive, 1,6 Mbit/s) ja 4× hitaammalla suorittimella.

  2. 2

    Googlen Chrome UX Reportista haetaan sivustosi originin todellisten käyttäjien data.

  3. 3

    Syyt järjestetään sen mukaan, kuinka paljon ne hidastavat, ja kirjoitetaan auki korjauksineen.

Havaintoja esimerkkiraportista

Todellista tulostetta Harbor & Pine -kaupasta, kuvitteellisesta kaupasta, jonka rakensimme tyypillisine ongelmineen.

Avaa koko esimerkkiraportti
  • Problem

    The main content appears slowly on phones

    Largest Contentful Paint reached {time} on {path} in our phone test (good is under 2.5 s).{"time":"{s} s{\"s\":{\"$num\":8.3,\"digits\":1}}","path":"/products/trail-daypack"}

    Fix: Start with the largest image or banner at the top of the page (see the findings below).

  • Problem

    The main image is lazy-loaded

    On {n} page(s) the largest image at the top has {attribute}, which delays it.{"n":1,"attribute":"loading=\"lazy\""}

    Fix: Load the first, largest image eagerly and give it high fetch priority; keep lazy loading for images further down.

  • Problem

    Images larger than they need to be

    {n} image(s) are heavy (over 150 KB) or much wider than they are shown.{"n":2}

    Fix: Upload product and banner images at sensible sizes (around 2000 px wide is plenty) instead of camera originals.

Mitä se ei kata

  • Nopeus tietokoneella
  • Palvelimen ja webhotellin määritykset
  • Taatut pisteet: laboratoriotulokset vaihtelevat ajokertojen välillä

Kysymyksiä tästä raportista

Miksi testata hitaalla puhelimella?

Monet käynnit tehdään puhelimilla, ja Googlen Core Web Vitals mitataan mobiilille erikseen. Hidastettu puhelin paljastaa ongelmat, jotka nopea kannettava kätkee.

Entä jos sivustostani ei ole Chrome UX Report -dataa?

Pienemmillä sivustoilla ei usein ole tarpeeksi liikennettä, jotta ne näkyisivät siinä. Raportti nojaa silloin laboratoriotestiin ja kertoo sen.

Mitataanko INP?

INP edellyttää todellisia vuorovaikutuksia, joten se saadaan Googlen todellisten käyttäjien datasta, kun sitä on saatavilla. Laboratoriotesti raportoi Total Blocking Time -arvon, joka seuraa samaa ongelmaa.

Vastaako tulos PageSpeed-pisteitäni?

Ei täsmälleen. Laboratoriotulokset vaihtelevat ajokertojen välillä ja työkaluissa on hieman eri asetukset, mutta niiden osoittamat syyt ovat samat.

Skannaa sivustosi tänään

Löydä. Korjaa. Varmista.

Millainen sivusto tämä on?

Vastauksesi valitsee oikeat tarkistukset, kuten ostopolun verkkokaupoille. Tarkistamme silti sivuston omat merkit ja näytämme molemmat.

Millainen sivusto tämä on?

Ilmainen skannaus. Luottokorttia ei tarvita.