BILIS NG WEBSITE AT CORE WEB VITALS.
Nawawalan ng customers ang mabagal o palundag-lundag na website bago pa sila makabasa ng isang salita. Sinusukat ng Google ang karanasang iyon gamit ang tatlong Core Web Vitals. Heto ang ibig sabihin ng mga ito, paano i-test nang libre ang sarili mong site, at ang mga ayos na kadalasang pinakamahalaga sa site ng small business.
ANO ANG BAGONG NAGBAGO
- Itinuturing ng Google na spam ang back-button hijacking — Ang pag-block sa back button ng browser ay isa na ngayong pinangalanang spam practice.
Tinatalakay ng gabay na ito ang nananatiling totoo. Sinusubaybayan ng blog ang mga pagbabago habang dumarating ang mga ito.
ANG TATLONG METRIC
Inilalarawan ng Google ang Core Web Vitals bilang set ng metrics na sumusukat ng totoong user experience para sa loading performance, interactivity at visual stability.2 Pinalitan ng Interaction to Next Paint (INP) ang First Input Delay bilang Core Web Vital noong 2024.1
| Metric | Ano ang sinusukat | Good |
|---|---|---|
| Largest Contentful Paint (LCP) | Loading: kailan lumalabas ang pangunahing content [1] | 2.5 segundo o mas mababa [1][3] |
| Interaction to Next Paint (INP) | Responsiveness: gaano kabilis tumugon ang page sa taps, clicks at pag-type [1] | 200 milliseconds o mas mababa [1][3] |
| Cumulative Layout Shift (CLS) | Visual stability: gaano kalaki ang paglundag ng page habang naglo-load [1] | 0.1 o mas mababa [1][3] |
Inirerekomenda ng web.dev na sukatin sa 75th percentile ng page loads, hiwalay para sa mobile at desktop.1 Nire-rate ng Search Console ang LCP hanggang 4 s, INP hanggang 500 ms at CLS hanggang 0.25 bilang “needs improvement” at anumang lampas doon bilang “poor”.3
NAKAKAAPEKTO BA SA RANKINGS?
Sabi ng Google, tugma ang magandang Core Web Vitals sa gustong gantimpalaan ng core ranking systems nito, bilang bahagi ng mas malawak na page experience.2 Isa lang ito sa maraming konsiderasyon. Hindi mauungusan ng mabilis na page na manipis o walang kwenta ang content ang mas magandang sagot, kaya ituring ang bilis bilang paraan para mapanatili ang mga bisitang nakuha mo na.
PAANO I-TEST ANG SITE MO
| Tool | Ano ang ipinapakita | Mag-ingat |
|---|---|---|
| PageSpeed Insights | Field data mula sa totoong Chrome users (CrUX) dagdag ang lab data mula sa Lighthouse, para sa mobile at desktop [4] | Sakop ng field data ang nakaraang 28 araw, kaya matagal bago makita ang mga ayos; puwedeng hindi magtugma ang lab at field results [4] |
| Core Web Vitals report ng Search Console | Mga grupo ng magkakahawig na URLs na naka-rate na Good, Needs improvement o Poor, batay sa real-user data [3] | Puwedeng makita ng maliliit na site ang “No data available” kapag kulang ang CrUX data [3] |
Wala pang field data? Gamitin ang lab results sa PageSpeed Insights bilang gabay, at i-test ang pinakamahalagang pages mo: home, services at contact.
KARANIWANG AYOS PARA SA SMALL BUSINESS
- Paliitin ang images. I-compress ang photos at gumamit ng modernong image formats.5 Ang photo na diretso mula sa camera ng phone ay kadalasang mas malaki kaysa kailangan ng screen.
- Huwag i-lazy-load ang hero image. Sabi ng web.dev, huwag kailanman i-lazy-load ang LCP image mo, at masasabi ng
fetchpriorityattribute sa browser kung aling resources ang pinakamahalaga.5 - Bigyan ng sukat ang images at embeds. Isama ang
widthatheightattributes, o maglaan ng espasyo gamit ang CSSaspect-ratio, para hindi gumalaw ang content.6 - Planuhin ang web fonts. Puwedeng gumalaw ang text habang naglo-load ang font; pumili ng malapit na fallback font.6
- Bawasan ang third-party scripts. Nag-iipon ang chat widgets, trackers at embeds. Sabi ng web.dev, tanggalin ang script kung walang malinaw na halaga, at i-load nang asynchronous ang third-party scripts maliban kung kailangan itong tumakbo bago mag-render ang page.7
- Panatilihing magaan ang click handlers. Para sa INP, payo ng web.dev na gawin ang pinakakaunting trabaho sa event callbacks at hatiin ang mahahabang tasks.8
- Gumamit ng maayos na hosting at CDN. Inirerekomenda ng web.dev ang content delivery network para mabawasan ang layong nilalakbay ng files.5
Isang bahagi lang ang bilis ng magagamit na site. Sakop ng website accessibility guide namin ang kabilang kalahati: mga taong gumagamit ng keyboard, screen reader o zoom.
FAQ
Mababa ang PageSpeed score ko pero Good ang sabi ng Search Console. Alin ang tama?
Puwedeng pareho. Galing sa simulated lab test ang score; totoong bisita sa paglipas ng panahon ang gamit ng Search Console. Ipinapaliwanag ng Google na puwedeng magkaiba ang lab at field data.4
Kailangan ko ba ng perpektong 100?
Hindi. Abutin ang “good” thresholds sa itaas sa mga pangunahing page mo, tapos ilaan ang oras mo sa content at customers.
Garantisado bang mas maraming leads kapag mas mabilis ang site?
Walang makakapangako niyan. Tinatanggal ng bilis ang abala; ang offer, reviews at follow-up mo pa rin ang nagbebenta.
MGA SOURCE
- web.dev, Web Vitals.
- Google Search Central, Understanding Core Web Vitals and Google search results.
- Search Console Help, Core Web Vitals report.
- PageSpeed Insights documentation, About PageSpeed Insights.
- web.dev, Optimize Largest Contentful Paint.
- web.dev, Optimize Cumulative Layout Shift.
- web.dev, Efficiently load third-party JavaScript.
- web.dev, Optimize Interaction to Next Paint.
MAGPATULOY SA PAGBASA
MAG-BOOK NG STRATEGY CALL
Hindi sigurado kung bakit mabagal ang site mo? Ipadala sa amin ang link at sabay nating titingnan kung ano ang pumipigil dito.