Core Web Vitals (CWV) гэдэг нь Google-ийн тогтоосон 3 гол хэмжүүр — LCP (Largest Contentful Paint, ачаалах хурд), INP (Interaction to Next Paint, харилцан үйлдлийн хариу хугацаа), CLS (Cumulative Layout Shift, layout тогтворгүйдлийн зэрэг). 2024 оны 3 сараас INP нь хуучин FID-г орлож CWV-ийн гуравдугаар хэмжүүр болсон. Тестлэх 2 чухал хэрэгсэл: PageSpeed Insights (synthetic, шууд тоо) ба Search Console / CrUX (real user data, 28 хоногийн өгөгдөл). "Good" зэрэгтэй болох 6 алхам: 1) hero image priority load, 2) JavaScript defer, 3) image dimensions заавал, 4) font preload, 5) third-party скрипт хязгаарлах, 6) CDN + edge caching. Webhiine агентлаг Google SEO үйлчилгээ-нд CWV аудитыг анхны 30 хоногт заавал хийдэг — энэ нь технические SEO-ийн суурь юм.
| Хэмжүүр | Юу хэмждэг вэ? | Good | Needs Improvement | Poor |
|---|---|---|---|---|
| LCP | Хамгийн том элемент рендер хийгдэх хугацаа | < 2.5s | 2.5-4.0s | > 4.0s |
| INP | Хэрэглэгчийн харилцан үйлдлийн хариу | < 200ms | 200-500ms | > 500ms |
| CLS | Page rendering layout тогтворгүйдэл | < 0.1 | 0.1-0.25 | > 0.25 |
Core Web Vitals гэж юу вэ?
Core Web Vitals бол Google-ийн 2020 оны 5 сард танилцуулсан хэрэглэгчийн туршлагын хэмжих гурван үндсэн хэмжүүр юм. 2021 оны 6 сарын Page Experience Update-аар Google-ийн ranking factor болсон.
2024 оны 3 сард Google FID-г INP-аар орлуулсан. Учир нь FID нь зөвхөн эхний харилцан үйлдлийг хэмждэг байсан бол INP бүх харилцан үйлдлийн дунджийг хэмждэг — илүү бодит.
3 хэмжүүрийн утга
CWV-ийн 3 хэмжүүр тус бүр өөр өөр шалтгаантай:
- LCP (Largest Contentful Paint): Хуудасны хамгийн том элемент (ихэвчлэн hero image эсвэл hero текст) рендер хийгдэх хугацаа. Анх удаа хэрэглэгч "сайт ачаалагдсан" гэж мэдрэх момент.
- INP (Interaction to Next Paint): Хэрэглэгч click эсвэл tap хийсний дараа дараагийн visual update гарах хугацаа. Хуучин FID-аас илүү дэлгэрэнгүй.
- CLS (Cumulative Layout Shift): Хуудас ачаалагдах явцад элементүүд "үсэрч" байгаа эсэх. Жишээ нь зураг ачаалагдсаны дараа текст доош шилжих, banner / popup гэнэт орж ирэх.
PageSpeed Insights тест
pagespeed.web.dev руу орж URL-аа оруулахад 30 секундийн дотор тэмдэг харагдана. 4 хэсэг:
- Real user data (CrUX) — Сүүлийн 28 хоногийн жинхэнэ хэрэглэгчдийн өгөгдөл. Хангалттай хандалттай сайтуудад л харагддаг.
- Lab data — Synthetic тестийн оноо. 0-100 хоорондох тоо.
- Diagnostics — Алдааны жагсаалт, тус бүрд "Estimated Savings" харагдана.
- Opportunities — Юу хийвэл хичнээн секунд хэмнэх боломжтойг харуулдаг.
Mobile + Desktop хоёрыг тус тусад нь шалгана. Монголын ихэнх сайтад mobile зэрэг 30-50, desktop 70-90 байх нь түгээмэл.
GSC Core Web Vitals тайлан
Google Search Console дотор Experience / Core Web Vitals цэст ороход real-user (CrUX) өгөгдлийг харж болно. PageSpeed Insights-аас ялгаа:
- PageSpeed Insights: Нэг URL-ийн synthetic тест. Шууд гарна, гэхдээ "одоогийн" хувилбар.
- GSC CWV: Бүх URL-ийг бүлэглэн харуулна. 28 хоногийн real-user data.
GSC дотор "Poor URLs", "Need improvement URLs", "Good URLs" гурван бүлэг харагдана. URL групп бүрд click хийн жагсаалт харах боломжтой. Webhiine агентлаг 13 идэвхтэй клиентийн дунд CWV "Good URLs" 80%+ хадгалахыг зорилт болгодог — энэ хурдны баталгаа нь бидний вэб сайт хийх үйлчилгээ-ний цөм юм.
"Good" зэрэгт хүрэх 6 алхам
Webhiine агентлагийн 13+ клиентэд хэрэгжүүлсэн practical 6 алхам:
- Hero image priority load: Next.js дээр
<Image priority />, WordPress дээр<link rel="preload" as="image" href="...">tag нэмнэ. Зорилт LCP < 2.5s. - JavaScript defer: Бүх non-critical script-д
deferатрибут нэмнэ. Third-party tag-уудыг (GTM, FB Pixel) GTM-ээр асинхрон ачааллана. - Image dimensions заавал: Бүх
<img>-дwidth+heightатрибут зайлшгүй. Энэ нь CLS-ийг 0.1-аас доош байлгана. - Font preload + display swap:
<link rel="preload" as="font">+ CSS-дfont-display: swap. Custom фонтоор үүсэх "FOIT" (Flash of Invisible Text)-ийг устгана. - Third-party хязгаарлах: Зөвхөн чухал track-уудыг хадгална. Шинэ pixel нэмэх бүрд PageSpeed Insights дээр re-test хийнэ.
- CDN + edge caching: Vercel, Cloudflare, Cloudflare Workers, Netlify бүгд CDN-тэй ирдэг. Static контентыг (CSS, JS, image) edge-аас ачааллана.
Webhiine.com өөрөө Vercel дээр deploy-сон бөгөөд бүх CWV хэмжүүрт "Good" зэрэгтэй. Сайтын архитектурын шилжилтийн талаар вэбсайтын хурдыг нэмэгдүүлэх постоос дэлгэрэнгүй уншина уу.
Тогтмол мониторинг
CWV нь "тестлээд орхих" зүйл биш — тогтмол хяналт хэрэгтэй. 3 mainstream solution:
- CrUX Dashboard (үнэгүй, BigQuery integration) — сар бүрийн real-user data trend.
- Vercel Analytics ($0-$20/сар) — real-user CWV, top URL-ууд, country breakdown.
- SpeedCurve ($114+/сар) — энтерпрайз тушаал, өрсөлдөгчтэй харьцуулах боломжтой.
Бизнест анхны үе шатанд CrUX Dashboard + GSC Core Web Vitals хангалттай. Сар бүр трендийг шалгаж, сөргийн харагдсан тохиолдолд PageSpeed Insights-аар URL тус бүрд диагностик хийнэ.
Дүгнэлт
Core Web Vitals нь Google ranking factor-оос гадна conversion rate-ыг шууд өсгөдөг. Walmart, Pinterest хоёрын кейс судалгаагаар LCP 1 секунд сайжруулсан тохиолдолд conversion 7-15%-аар нэмэгдэж байсан. Webhiine агентлаг Google SEO үйлчилгээ-нд CWV аудитыг 30-90-150 хоногт давтан хийж бүр сайжруулдаг.
Түгээмэл асуултууд
FID болон INP хооронд ялгаа юу вэ?
FID (First Input Delay) — зөвхөн эхний харилцан үйлдэлийн хариу. INP (Interaction to Next Paint) — бүх харилцан үйлдлийн дунджийн хамгийн муу 98%. INP илүү бодит туршлагыг харуулдаг тул 2024 оны 3 сард FID-г орлуулсан.
PageSpeed Insights дээр оноо дандаа өөр гарч байгаа, юу болоо?
PageSpeed Insights synthetic тест нь нэг удаагийн "snapshot" — серверийн ачаалал, network condition зэрэг хувьсаж байдгаас оноо ялгаатай гарна. 3-5 удаа тестлэн дунджийг авна.
WordPress дээр CWV сайжруулах тусгай plugin байна уу?
WP Rocket, FlyingPress, Perfmatters — гурвуулаа CWV-нд тусалдаг premium plugins. Үнэгүй: WP Super Cache + Async JavaScript + Smush. Гэхдээ 2026 онд хамгийн зөв шийдэл нь WordPress-ээс Next.js (Vercel)-руу шилжих юм.
CWV "Good" биш бол Google миний сайтыг ranking-аас доош буулгах уу?
Шууд биш. CWV ranking factor боловч жин нь дунд зэрэг — контент чанар + backlink хамаагүй өндөр жинтэй. Хоёр өрсөлдөгч ижил түвшинд байх үед CWV нь "tiebreaker" болно. Тиймээс топ 10 эргэн тойронд байгаа бол сайжруулах нь чухал.
Mobile болон desktop CWV ялгаатай оноотой бол алийг нь үндэслэн ажиллах вэ?
Хоёуланг нь — гэхдээ mobile-ыг приоритет болгоно. Google 2018 оноос "Mobile-first indexing" болсон тул mobile хувилбар үндсэн ranking signal. Монголд ч 75%+ хайлт mobile дээр явагддаг.