Ulat na may solusyon

Ulat sa Bilis ng Website

Binubuksan namin ang iyong tatlong pangunahing page (sa isang online store: home, collection at produkto) bilang isang mid-range na phone sa mabagal na 4G, idinadagdag ang data ng totoong mga user mula sa Google kapag sapat ang traffic ng iyong site, at ipinapakita kung ano ang nagpapabagal sa bawat page, kasama ang mga solusyon ayon sa pagkakasunod.

  • Lab test sa mobile (LCP, CLS, TBT)
  • Real-user data ng Google kapag mayroon
  • Pinakamabibigat na larawan at script

Ano ang sinusuri namin

  • Largest Contentful Paint

    Gaano katagal bago lumabas ang pangunahing nilalaman sa isang pinabagal na phone, kumpara sa threshold na 2.5 segundo.

  • Layout shift

    Kung gumagalaw ang nilalaman habang naglo-load, kumpara sa threshold na 0.1.

  • Total Blocking Time

    Gaano katagal pinipigilan ng mga script na tumugon ang page, ang pamalit sa lab para sa Interaction to Next Paint.

  • Data ng totoong user

    LCP, INP at CLS sa ika-75 percentile mula sa Chrome UX Report ng Google, kapag sapat ang traffic ng iyong site para mapabilang dito.

  • Mabibigat at sobrang laking larawan

    Mga larawang higit sa 150 KB, o mas malaki nang husto kaysa sa laking ipinapakita, at pangunahing larawang naka-lazy-load.

  • Bigat ng page at mga request

    Kabuuang laki ng download, bilang ng mga request at ang bahaging galing sa mga third party.

  • Mga render-blocking file

    Mga script at stylesheet na nakakaantala sa unang paint.

Ano ang makukuha mo

  • Mga sinukat na numero para sa bawat page, kasama ang mga threshold
  • Ang pinakamabibigat na file sa bawat page, ayon sa laki
  • Mga solusyon ayon sa laki ng epekto, isinulat para sa iyong platform
  • Handang AI prompt para sa bawat natuklasan
  • PDF na maibabahagi mo sa iyong developer

Paano ginagawa ang ulat

  1. 1

    Binubuksan ang bawat page sa bagong browser na ginagaya ang isang mid-range na phone, sa mabagal na 4G (150 ms latency, 1.6 Mbps) at CPU na 4× mas mabagal.

  2. 2

    Kinukuha mula sa Chrome UX Report ng Google ang data ng totoong mga user para sa iyong origin.

  3. 3

    Inihahanay ang mga sanhi ayon sa laki ng epekto ng mga ito at isinusulat kasama ang mga solusyon.

Mga natuklasan mula sa halimbawang ulat

Totoong output para sa Harbor & Pine, isang kathang-isip na online store na ginawa namin na may mga karaniwang problema.

Buksan ang buong halimbawang ulat
  • 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.

Ano ang hindi nito sakop

  • Bilis sa desktop
  • Configuration ng server at hosting
  • Garantisadong score: nag-iiba ang lab results sa bawat run

Mga tanong tungkol sa ulat na ito

Bakit sa mabagal na phone nagte-test?

Maraming pagbisita ang nangyayari sa phone, at hiwalay na sinusukat para sa mobile ang Core Web Vitals ng Google. Ipinapakita ng isang pinabagal na phone ang mga problemang naitatago ng mabilis na laptop.

Paano kung walang Chrome UX Report data ang aking site?

Kadalasang kulang ang traffic ng maliliit na site para mapabilang dito. Sa ganitong kaso, umaasa ang ulat sa lab test at sinasabi nito iyon.

Sinusukat ba ang INP?

Kailangan ng INP ng totoong mga interaksyon, kaya galing ito sa real-user data ng Google kapag mayroon. Iniuulat ng lab test ang Total Blocking Time, na sumusubaybay sa parehong problema.

Magtutugma ba ito sa aking PageSpeed score?

Hindi eksakto. Nag-iiba ang lab results sa bawat run at bahagyang magkakaiba ang setting ng mga tool, pero pareho ang mga sanhing itinuturo nila.

Mga kaugnay na gabay

Iba pang ulat

I-scan ang iyong website ngayon

Hanapin. Ayusin. Tiyakin.

Anong uri ng website ito?

Pinipili ng sagot mo ang tamang mga pagsusuri, gaya ng shopping journey para sa mga online store. Sinusuri pa rin namin ang sariling ebidensya ng site at ipinapakita ang dalawa.

Anong uri ng website ito?

Libreng scan. Hindi kailangan ng credit card.