Core Web Vitals — ვების სიჯანსაღის სამი პარამეტრი
12 ნოე 2025

Core Web Vitals — ვების სიჯანსაღის სამი პარამეტრი

თქვენი საიტი სწრაფად იტვირთება — მაგრამ ნამდვილად კარგია? Google-ი ამ კითხვაზე პასუხს სამი კონკრეტული მეტრიკით ზომავს: LCP, INP და CLS, რომლებიც ერთად ქმნის Core Web Vitals-ს.Core Web Vitals განსაზღვრავს, რამდენად ხარისხიანია თქვენი ვებგვერდის გამოცდილება რეალური მომხმარებლებისთვის.

რა არის Core Web Vitals?

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

მთავარი განსხვავება ტრადიციული სიჩქარის მეტრიკებისგან ის არის, რომ Core Web Vitals ფოკუსირებულია მომხმარებლის აღქმაზე — როგორ გრძნობს თავი მომხმარებელი გვერდზე, და არა მხოლოდ ტექნიკურ სიჩქარეზე.

LCP
Largest Contentful Paint

ზომავს, რამდენად სწრაფად ჩნდება გვერდის ყველაზე დიდი კონტენტი, მაგალითად, სათაური, სურათი ან ვიდეო.

INP
Interaction to Next Paint

ზომავს გვერდის პასუხის სიჩქარეს მომხმარებლის ინტერაქციებზე, როგორიცაა დაწკაპუნება ან შეხება.

CLS
Cumulative Layout Shift

ზომავს ვიზუალურ სტაბილურობას — რამდენად ცვლიან პოზიციას ელემენტები გვერდის ჩატვირთვისას.

1. LCP — Largest Contentful Paint

LCP ზომავს, რამდენ წამში ჩნდება ეკრანის ხილულ ნაწილში ყველაზე დიდი კონტენტური ელემენტი, როგორიცაა სათაური, სურათი ან ფონური ელემენტი.

 
 
 

რატომ არის LCP მნიშვნელოვანი?

კვლევები აჩვენებს, რომ თუ LCP 3 წამს აჭარბებს, მომხმარებელთა 53% ტოვებს გვერდს. ელექტრონულ კომერციაში 100 მილიწამიანი გაუმჯობესება კონვერსიას დაახლოებით 1%-ით ზრდის.

გაუმჯობესების გზები

  • 01შეამცირეთ სერვერის პასუხის დრო (TTFB) — CDN-ის გამოყენება, კეშირება, სერვერის ოპტიმიზაცია. კარგი TTFB არის ≤800 მილიწამი.
  • 02წინასწარ ჩატვირთეთ LCP-ს სურათები — <link rel="preload"> ტეგი HTML-ის <head>-ში ეხმარება ბრაუზერს პრიორიტეტულად დამუშავებაში.
  • 03ოპტიმიზება სურათებისა და ფორმატების — გამოიყენეთ WebP ან AVIF JPEG/PNG-ის ნაცვლად.
  • 04ამოიღეთ რენდერის დამბლოკავი რესურსები — CSS და JavaScript-ის მინიფიკაცია, კრიტიკული CSS HTML-ში, არასაჭირო სკრიპტებზე defer ან async ატრიბუტი.

2. INP — Interaction to Next Paint

2024 წლის მარტიდან INP-მა ჩაანაცვლა FID (First Input Delay). INP ზომავს ყველა ინტერაქციას სესიის განმავლობაში, არა მხოლოდ პირველს.

INP ითვალისწინებს დაწკაპუნებას, კლავიშის დაჭერას, შეხებას და განსაზღვრავს ყველაზე ნელა რეაგირების ინტერაქციას, რაც გვერდის საბოლოო ქულას ქმნის.
 
 
 

INP-ის გაუმჯობესება

  • 01გრძელი ამოცანები გაყავით ნაწილებად — მთავარ ნაკადზე 50 მილიწამზე მეტი ამოცანები პრობლემურია.
  • 02მძიმე გამოთვლები გადატანეთ ფონში — Web Workers-ის გამოყენებით მთავარი ნაკადი თავისუფლად დარჩება.
  • 03გამოუყენებელი JavaScript ამოიღეთ — ზედმეტი კოდი ზრდის ჩატვირთვის დროს.
  • 04შეყვანის შეფერხება შეამცირეთ — debounce ან throttle-ით მოვლენის დამმუშავებლები ოპტიმიზებულად ჩართეთ.

3. CLS — Cumulative Layout Shift

CLS ზომავს ვიზუალურ არასტაბილურობას — რამდენად ცვლიან პოზიციას ელემენტები გვერდის ჩატვირთვისას. კლასიკური მაგალითი: კითხულობთ სტატიას, ჩაიტვირთება სარეკლამო ბანერი ზემოთ და ყველაფერი გადაადგილდება ქვემოთ.

 
 
 

CLS-ის გამომწვევები

  • 01ზომების მითითება სურათებზე — <img> ტეგს ყოველთვის მიუთითეთ width და height.
  • 02დინამიური კონტენტი — ბანერები და pop-up შეტყობინებები წინასწარ განსაზღვრეთ სივრცეში.
  • 03ვებ-შრიფტები — გამოიყენეთ font-display: swap; ან optional ოპტიმიზაციისთვის.
  • 04ჩასმული კონტენტი (iframe) — მიუთითეთ სიმაღლე და სიგანე ან გამოიყენეთ CSS aspect-ratio.

გაზომვის ინსტრუმენტები

Core Web Vitals-ის გაზომვა ხდება ორი ტიპის მონაცემით: Lab Data (კონტროლირებული სატესტო გარემო, მაგალითად Lighthouse) და Field Data (რეალური მომხმარებლების მონაცემები — სწორედ ეს გამოიყენება Google-ის საძიებო რეიტინგისთვის).

ინსტრუმენტი ტიპი გამოყენება
PageSpeed Insights Lab + Field Google-ის ოფიციალური ინსტრუმენტი, CrUX-ის ინტეგრაციით
Chrome DevTools (Lighthouse) Lab დეველოპერის ოპტიმიზაცია, ლოკალური ტესტირება
Google Search Console Field რეალური მომხმარებლების Core Web Vitals ანგარიში
web-vitals JS ბიბლიოთეკა Field მეტრიკების გაგზავნა Analytics-ში
WebPageTest Lab Waterfall ანალიზი, სხვადასხვა ქსელი და მოწყობილობა
CrUX Dashboard (Looker) Field Chrome User Experience Report-ის ვიზუალიზაცია
⚡ მნიშვნელოვანია: PageSpeed Insights-ში Field Data განყოფილება SEO-სთვის გადამწყვეტია. Lab Data (Lighthouse ქულა) სასარგებლოა პრობლემების გამოვლენისთვის, თუმცა საძიებო ალგორითმში რეალურად გამოიყენება Field Data.

Core Web Vitals და SEO

2021 წლის ივნისიდან Google-მა Core Web Vitals ჩართო Page Experience განახლებაში. ეს ნიშნავს, რომ ერთნაირი კონტენტის მქონე გვერდებს შორის უპირატესობას მიიღებს უკეთესი Core Web Vitals-ის მქონე გვერდი.

კარგი LCP
 
80%
კარგი INP
 
55%
კარგი CLS
 
70%

* ვებ-გვერდების საშუალო მაჩვენებელი HTTP Archive 2024-ის მონაცემებით

კვლევები ადასტურებს, რომ „კარგი“ Core Web Vitals-ის მქონე გვერდებს ორჯერ მეტი შანსი აქვთ პირველ გვერდზე მოხვედრის SEO-ში. INP ხშირად ყველაზე სუსტი მაჩვენებელია ვებ-გვერდებზე, რაც ქმნის შესაძლებლობას კონკურენტებისგან გამოირჩეოთ.

დასკვნა: სად დაიწყოთ?

Core Web Vitals-ის ოპტიმიზაცია უწყვეტი პროცესია. პრიორიტეტების თანმიმდევრობა:

  • 1.პირველ რიგში გაზომეთ — PageSpeed Insights-ის საშუალებით შეამოწმეთ Field Data.
  • 2.CLS სწრაფად შეიძლება შეისწოროთ — სურათებზე ზომების მითითება მარტივი გამოსავალია.
  • 3.LCP-ს გაუმჯობესება — სურათების ოპტიმიზაცია, preload, CDN-ის გამოყენება.
  • 4.INP რთულია — საჭიროებს JavaScript-ის სრულ ანალიზს და ოპტიმიზაციას.
  • 5.მუდმივი მეთვალყურეობა — Search Console-ში Core Web Vitals-ის ანგარიში რეგულარულად გადაამოწმეთ.
Core Web Vitals პასუხობს ერთ მარტივ კითხვას: „უყვარს თუ არა მომხმარებელს ჩემი საიტი?" — Google კი ცდილობს ამ პასუხს რიცხვებად გადაქციოს.