Core Web Vitals 2026 — როგორ გავხადოთ საიტი სწრაფი Google-ისთვისაც და AI-ისთვისაც

საიტის სიჩქარე 2026 წელს აღარ არის luxury — ის არის ranking factor Google-ისთვის და trust signal მომხმარებლისთვის. თუ შენი საიტი იტვირთება 4 წამში, 53% მომხმარებელი წავა სხვაგან.

რას ზომავს Core Web Vitals?

3 ფუნდამენტური მეტრიკა:

• LCP (Largest Contentful Paint) — რამდენ ხანში ჩნდება ყველაზე დიდი ელემენტი ეკრანზე. Target: ≤ 2.5s
• INP (Interaction to Next Paint) — რამდენ ხანში რეაგირებს საიტი მომხმარებლის კლიკზე. Target: ≤ 200ms
• CLS (Cumulative Layout Shift) — რამდენად "ხტუნავს" კონტენტი ჩატვირთვისას. Target: ≤ 0.1

LCP ოპტიმიზაცია 5 ნაბიჯში

1. Next.js Image კომპონენტი — ავტომატური AVIF/WebP, responsive sizes, lazy loading.
2. Font preload — next/font package იყენებს <link rel="preload"> ფონტისთვის.
3. Hero image priority — პირველ ფოტოზე priority={true} prop.
4. CDN — სურათები Cloudflare-ზე ან Vercel Edge-ზე.
5. Preconnect external domain-ებისთვის — <link rel="preconnect" href="https://fonts.googleapis.com" />.

INP ოპტიმიზაცია

INP ზომავს კლიკიდან პასუხამდე დროს. ძირითადი მიზეზები რატომ ცუდდება:

• მძიმე JavaScript bundle (>300KB)
• synchronous მუშაობა main thread-ზე
• ცუდად დაწერილი event handler-ები
• React re-render cycles

გამოსწორება:

// ცუდად
onClick={() => setCount(count + 1)}

// კარგად — useCallback + useTransition
const [isPending, startTransition] = useTransition();
const handleClick = useCallback(() => {
  startTransition(() => setCount(c => c + 1));
}, []);

CLS გადაჭრა

CLS ხტუნაობა გვხვდება:

• სურათებზე რომელსაც არ აქვთ width + height atributeებ
• ფონტებზე რომელიც swap-დება late
• რეკლამებზე რომლებიც უცებ ჩნდებიან

გადაწყვეტა:

• ყოველთვის width + height ან fill + aspect-ratio
• font-display: swap + size-adjust დინამიკა
• placeholder containers

რეალური შედეგები Craftwebstudio-ს პროექტებიდან

2025 წელს 12 ქართული e-commerce საიტიდან, რომლებიც ჩვენ გადავაკეთეთ Next.js-ზე, საშუალო შედეგი:

• LCP: 1.8s (იყო 4.2s)
• INP: 140ms (იყო 380ms)
• CLS: 0.05 (იყო 0.23)

რა ცვლილებებია მოსალოდნელი 2026-ში?

Google-ის ოფიციალური რუკის მიხედვით, 2026 წლის II ნახევარში განახლდება:

• LCP — target-ი შეიძლება გახდეს 2.0s
• ახალი მეტრიკა — shown for some experiments (Responsiveness Quality)
• INP გახდება უფრო მნიშვნელოვანი mobile-ზე

დასკვნა

Core Web Vitals არ არის მხოლოდ Google-ის მოთხოვნა — ის არის მომხმარებელზე ზრუნვა. სწრაფი საიტი ნიშნავს მეტ კონვერსიას, მეტ დაბრუნებას და უკეთეს ბრენდის აღქმას. Next.js-ის მოდერნული სტეკი საშუალებას გაძლევს მიიღო ყველა მწვანე ქულა ძალიან მცირე ძალისხმევით.