Ano ang ibig sabihin ng LCP, INP at CLS?

Q: Ano ang ibig sabihin ng LCP, INP at CLS?

Sinusukat ng LCP ang bilis ng pag-load, ng INP ang pagtugon, at ng CLS ang visual na katatagan. Ang mabuting marka ay 2.5 s o mas mababa, 200 ms o mas mababa, at 0.1 o mas mababa, sa 75th percentile.

Ito ang tatlong Core Web Vitals na ginagamit ng Google upang ilarawan ang karanasan ng user sa isang pahina. Sinusukat ng Largest Contentful Paint (LCP) ang bilis ng pag-load: gaano katagal bago lumitaw ang pangunahing nilalaman. Sinusukat ng Interaction to Next Paint (INP) ang pagtugon: gaano kabilis tumutugon ang pahina kapag nag-click, nag-tap o nag-type ka. Sinusukat ng Cumulative Layout Shift (CLS) ang visual na katatagan: gaano karami ang paglipat-lipat ng layout. Ang mabuting marka ay LCP na hindi lalampas sa 2.5 segundo, INP na hindi lalampas sa 200 millisecond, at CLS na 0.1 o mas mababa.

Ang tatlong metric sa isang sulyap

Metric	Sinusukat	Mabuti	Kailangang pagbutihin	Mahina
LCP	Bilis ng pag-load	2.5 s o mas mababa	hanggang 4 s	higit sa 4 s
INP	Pagtugon	200 ms o mas mababa	hanggang 500 ms	higit sa 500 ms
CLS	Visual na katatagan	0.1 o mas mababa	hanggang 0.25	higit sa 0.25

Ito ang mga threshold sa Core Web Vitals report help ng Google. Pumapasa ang isang pahina kapag mabuti ang lahat ng tatlo sa 75th percentile ng mga pagbisita, na sinusukat nang hiwalay para sa mobile at desktop.

LCP: Largest Contentful Paint

Ang LCP ay ang oras mula sa pagsisimulang mag-load ng pahina hanggang sa ma-render ang pinakamalaking larawan, video o bloke ng teksto sa nakikitang bahagi. Kabilang sa mga kwalipikadong elemento ang mga elementong <img>, mga larawan sa loob ng SVG, ang poster o unang frame ng isang video, mga CSS background image at tekstong block-level. Humihinto ang browser sa paghahanap ng mga bagong kandidato kapag nakipag-interact na ang bisita. Ang mabagal na LCP ay kadalasang dahil sa mabagal na tugon ng server, malaki o huling natuklasang hero image, o CSS at mga script na humaharang sa pag-render.

INP: Interaction to Next Paint

Binabantayan ng INP ang mga click, tap at pagpindot ng key habang bumibisita, at sinusukat kung gaano katagal bago makapag-paint ang browser ng susunod na frame para sa bawat isa. Hindi kasama ang pag-hover, pag-scroll at pag-zoom. Ang iniuulat na halaga ay ang pinakamabagal na interaksyon, na hindi isinasama ang mga outlier sa mga pahinang maraming interaksyon. Pinalitan ng INP ang First Input Delay (FID) bilang Core Web Vital noong Marso 2024; ang unang interaksyon lamang ang tinitingnan ng FID, samantalang sakop ng INP ang buong pagbisita. Ang mahinang INP ay kadalasang nagmumula sa mahahabang JavaScript task na nagpapanatiling abala sa main thread.

CLS: Cumulative Layout Shift

Pinagsasama ng CLS ang mga hindi inaasahang layout shift, tulad ng pagbaba ng teksto kapag may nag-load na larawan o ad sa itaas nito, at iniuulat ang pinakamalaking pangkat ng mga ito sa buong pagbisita. Ang bawat shift ay minamarkahan ayon sa kung gaano karami ng screen ang gumalaw at gaano kalayo. Hindi isinasama ang mga shift na nangyari sa loob ng 500 millisecond matapos ang click, tap o pagpindot ng key, dahil inaasahan ng bisita na magbabago ang pahina sa sandaling iyon.

Saan nanggagaling ang mga numero?

Gumagamit ang Core Web Vitals report ng Search Console ng field data mula sa Chrome UX Report: mga totoong pagbisita sa Chrome sa nakalipas na 28 araw, na pinagpapangkat sa mga set ng magkakatulad na pahina, at ang bawat grupo ay nire-rate ayon sa pinakamahina nitong metric. Ang mga lab tool tulad ng Lighthouse ay nilo-load ang pahina nang walang totoong bisita, kaya hindi nila masusukat ang INP at gumagamit sila ng Total Blocking Time bilang panghalili, gaya ng ipinaliwanag sa overview ng Web Vitals ng web.dev. Ituring ang mga lab score bilang paraan ng pag-debug, at ang field data bilang hatol.

Nakakaapekto ba ang Core Web Vitals sa mga ranking?

Mariing inirerekomenda ng Google ang pagkakaroon ng mabuting Core Web Vitals para magtagumpay sa Search, at sinasabi nitong tugma ang page experience sa gustong gantimpalaan ng mga pangunahing ranking system nito. Hindi ito shortcut: kailangan pa ring ang mabilis na pahina ang pinakamahusay na sagot. Tinatalakay sa Paano ko aayusin ang mahihinang Core Web Vitals score? kung ano ang babaguhin para sa bawat metric.

Paano nakakatulong ang AutoPSEO

Binabasa ng Core Web Vitals report ng AutoPSEO ang kasaysayan ng Chrome UX Report para sa buong site mo o isang URL, ayon sa telepono, desktop o tablet, at nagcha-chart ito ng LCP, INP at CLS (kasama ang first contentful paint at time to first byte) sa 75th percentile sa loob ng humigit-kumulang anim na buwan ng lingguhang data, para makita mo kung kailan nagsimulang humina ang isang metric.