ტერმინები
რა არის Core Web Vitals?
ვრცლად
Core Web Vitals (CWV) Google-მა შემოიტანა 2020 წელს, ranking signal-ად 2021-ში გადაიქცა, ხოლო FID-დან INP-ზე გადასვლა 2024 მარტში მოხდა. CWV ცდილობს მომხმარებლის რეალური გამოცდილების გაზომვას — ლაბორატორიული testing-ის ნაცვლად Google იყენებს Chrome User Experience Report (CrUX) data-ს, რომელიც ანონიმიზებულად გროვდება ნამდვილი მომხმარებლებისგან.
მეტრიკა #1 — LCP (Largest Contentful Paint). გაზომავს რა დრო სჭირდება ყველაზე დიდი ვიზუალური ელემენტის (ჩვეულებრივ hero image, headline ან video poster) დაჩვენებას viewport-ში. სამიზნე: <2.5s good, 2.5-4s needs improvement, >4s poor. გაუმჯობესების ტექნიკები: (1) image optimization — AVIF/WebP, responsive sizes, priority preload; (2) Server-Side Rendering (SSR) ან Static Generation — JS bundle არ უნდა დაბლოკოს first paint; (3) Critical CSS inline — above-the-fold styles <head>-ში; (4) Edge CDN deployment (Vercel Edge, Cloudflare); (5) ფონტის preload + font-display: swap.
მეტრიკა #2 — INP (Interaction to Next Paint). 2024 მარტიდან FID-ის შემცვლელი. გაზომავს რეაქციის დროს მომხმარებლის ნებისმიერ ინტერაქციაზე (click, tap, key press) — როცა next paint event მოხდება. სამიზნე: <200ms good, 200-500ms needs improvement, >500ms poor. INP-ზე უარესი გავლენა აქვს: heavy JavaScript bundles, long tasks (>50ms blocking main thread), useState/useReducer cascades React-ში, third-party scripts (Hotjar, Intercom). გაუმჯობესება: code splitting + dynamic imports, useTransition (React 18+), useMemo/useCallback strategic გამოყენება, web workers heavy computation-თვის, debouncing input handlers.
მეტრიკა #3 — CLS (Cumulative Layout Shift). გაზომავს რამდენად გადადის ვიზუალური ელემენტები ტვირთვის პროცესში. სამიზნე: <0.1 good, 0.1-0.25 needs improvement, >0.25 poor. ხშირი მიზეზები: image-ებს width/height არ აქვს მითითებული (browser ვერ ხედავს ზომას), web fonts swap-ი (Layout-ი იცვლება ფონტის ჩატვირთვისას), late-loading ad-ები ან banner-ები, dynamic content injection (cookie banner-ები). გადაჭრა: explicit image dimensions (`<img width=800 height=600>`), font-display: optional (იცვლის swap-ს), CSS aspect-ratio property, ფიქსირებული containers ad slots-ისთვის.
Google-ის ranking-ში CWV-ის წონა — official დოკუმენტაცია ამბობს "Page experience signals are one of many factors". პრაქტიკაში: 75% URL-ების good threshold-ის მიღწევა (Search Console-ში) აძლევს ranking boost-ს highly-competitive query-ებისთვის. low-competition keyword-ებისთვის CWV-ის გავლენა ნაკლები. ქართული ბიზნესისთვის CWV კრიტიკულია mobile-ის 78% market share-ის გამო — Tbilisi-ს 4G ქსელი iPhone 12+ device-ზე ბაზრულია, მაგრამ Kakheti-ის სოფლებში 3G დომინირებს და LCP threshold-ი დიდი მნიშვნელობა აქვს.
მონიტორინგი: (1) Google Search Console > Core Web Vitals report (real-user data, აგრეგირებული 28 დღეზე); (2) PageSpeed Insights (single URL test, lab + field data); (3) Web Vitals Chrome extension (live debugging); (4) Vercel Analytics ($10/mo, real-time data per page); (5) New Relic Browser ($49/mo, enterprise-grade RUM). 2026 წელს Craftwebstudio-ს სრული portfolio (770+ pages) Google Search Console CWV report-ში 92% "Good" threshold-ზე — ეს Next.js + Vercel-ის Architecture-ის შედეგია.
მაგალითები
- 1LCP-ს კარგი მაგალითი: Next.js Image priority prop + AVIF format + Vercel Edge CDN → 1.2s LCP mobile
- 2INP debugging tools: Chrome DevTools Performance tab > Long Tasks; Web Vitals extension; React Profiler
- 3CLS-ის ხშირი source: cookie banner რომელიც 2 წამის შემდეგ inject-დება — 0.3+ CLS, ფიქსი reserved height
- 4CWV monitoring stack: Search Console (free) + PageSpeed Insights (free) + Vercel Analytics ($10/mo)
- 5Mobile vs desktop CWV: mobile-ზე target უფრო მკაცრია — slow CPU, 3G/4G, smaller viewport. Optimize mobile-first
- 6Craftwebstudio benchmark 2026: 770 pages × 92% Good CWV threshold, average mobile LCP 1.4s, INP 145ms, CLS 0.04
მსგავსი ტერმინები
დაკავშირებული სერვისები
ხშირად დასმული კითხვები
Core Web Vitals რეალურად ranking-ზე ახდენს გავლენას?▾
კი — 75% URL-ების good threshold-ის მიღწევა Search Console-ში აძლევს ranking boost-ს competitive query-ებისთვის. Low-competition keyword-ებზე გავლენა ნაკლები.
რომელი Core Web Vital ყველაზე მნიშვნელოვანია?▾
LCP უმრავლეს case-ში — visual completeness signal. INP user interaction-ის დროს. CLS-ი ხშირად automatic ფიქსდება (image dimensions + font preload).
Next.js საიტზე CWV უფრო კარგია, ვიდრე WordPress-ზე?▾
ჩვეულებრივ კი — SSR/SSG + edge CDN + automatic image optimization Next.js-ის default. WordPress-ზე იგივეს მიღწევა მოითხოვს WP Rocket + Cloudflare + image plugin სტეკს.
გინდა უფასო კონსულტაცია?
დაგვიკავშირდი — 24 საათის განმავლობაში დაგიბრუნებთ საპასუხო წერილს პროექტის შეფასებით.