2026 yildagi uchta Core Web Vitals

Google sahifa tajribasi uchun uchta asosiy dala metriklari o'lchaydi. Har birining "Yaxshi" ishlash uchun chegarasi bor:

• Largest Contentful Paint (LCP) — eng katta ko'rinadigan elementni ko'rsatish vaqti. Yaxshi: 2,5 soniyadan kam.
• Interaction to Next Paint (INP) — barcha foydalanuvchi muloqotlariga javob berish (2024 yil mart oyida FID o'rnini egalladi). Yaxshi: 200ms dan kam.
• Cumulative Layout Shift (CLS) — yuklash davomida vizual barqarorlik. Yaxshi: 0,1 dan kam.

Ko'rsatishni bloklagan, yuklashda og'ir JavaScript ishlatgan yoki kech tartib o'zgarishlarini kiritgan rozilik banneri ulardan birortasini "Yaxshilash kerak" yoki "Yomon" diapazoniga surishi mumkin — va Google haqiqiy Chrome foydalanuvchilaridan 28 kunlik dala ma'lumotlaridan foydalanadi, shuning uchun vaqtinchalik muammolar doimiy reytinglash signallariga aylanadi.

Rozilik bannerlar LCP ga qanday zarar yetkazadi

Largest Contentful Paint odatda qahramonlik tasviri yoki sarlavhada ishga tushadi. Bir nechta rozilik naqshlari buni keraksiz tarzda kechiktiradi:

Ko'rsatishni bloklagan CMP skriptlari

CMP ni hujjat boshidan sinxron tarzda yuklash HTML tahlilini skript yuklab olinib bajarilmaguncha to'xtatadi. Agar CMP sekin CDN da joylashgan bo'lsa yoki sovuq keshga ega bo'lsa, LCP ga global miqyosda 200-800ms qo'shishingiz mumkin.

Qahramon elementini yopib turuvchi banner

Agar rozilik banneri LCP elementini yopib turuvchi modal qatlam sifatida joylashtirilgan bo'lsa, brauzerlar LCP ni yopilgan elementdan hisoblaydi. Biroq, agar banner eng katta bo'yalgan element bo'lsa, u LCP nomzodiga aylanadi — va sahifa yuklanganidan keyin JavaScript orqali ko'rsatilsa, LCP sun'iy ravishda yuqori bo'ladi.

Tuzatish: Kichik inline bootstrap bilan asinxron yuklash

To'liq CMP ni asinxron (`async` yoki `defer`) yuklang, faqat boshlang'ich banner ko'rsatish uchun kichik inline skript bilan. Siqilgan 5KB dan kichik bootstrap maqsad qiling. To'liq xatti-harakat mantiqi, sotuvchilar ro'yxati va UI chrome birinchi chizilishdan keyin lazy-load qilinishi mumkin.

Rozilik bannerlar INP ga qanday zarar yetkazadi

Interaction to Next Paint sessiya davomida barcha bosmalar, tegishlar va tugmalar bosilishidagi eng yomon javob vaqtini o'lchaydi. Cookie rozilik muloqotlari ko'pincha foydalanuvchi qiladigan birinchi muloqotdir — shuning uchun sekin Qabul qilish tugmasi ballni buzadi.

Qabul qilishda og'ir ish

Ko'plab CMP lar Qabul qilishda sinxron ish bajaradi: 40+ sotuvchi skriptlarini yuklash, localStorage ga yozish, dataLayer hodisalarini ishga tushirish, Google Consent Mode yangilanishlarini qo'zg'atish. Bu 200ms dan oshsa, INP azob chekadi.

Tuzatish: Chizilishdan keyin ishni navbatga qo'ying

Qabul qilish bosilganda, bannerni darhol yashiring va og'ir ishni `requestIdleCallback` yoki `setTimeout(0)` bilan rejalashtiring. Foydalanuvchi bannerni darhol yo'qolishini ko'radi; sotuvchi skriptlari muloqotni bloklashsiz fon rejimida yuklanadi.

Rozilik bannerlar CLS ga qanday zarar yetkazadi

Cumulative Layout Shift kutilmagan vizual harakatni kuzatadi. Bannerlar kontent chizilgandan keyin DOM ga kiritilganda CLS ning klassik manbai hisoblanadi.

Kech banner kiritish

Agar banner LCP dan 800ms keyin paydo bo'lsa, u kontentni pastga suradi va tartib siljishini hosil qiladi. Hatto kichik banner ham ko'rish maydonining katta qismiga ta'sir qilsa, 0,1+ CLS ballini qo'zg'atishi mumkin.

Cookie afzalliklari vidjetini qayta ko'rsatish

Sotuvchi logotiplarini asinxron yuklagan alt qismi afzallik vidjetlari butun pastki qismni bir necha marta qayta oqizishi, CLS ni kuchaytirishi mumkin.

Tuzatish: Joyni oldindan ajrating

Banner joyini birinchi chizilishdan boshlab ajratish uchun CSS dan foydalaning — belgilangan balandlikdagi joy egallagan satr, alt qismida `min-height` yoki kontentni surtmaydigan pastga qo'yilgan banner. Zamonaviy CMP lar qutidan tashqarida CLS siz konfiguratsiyani taklif qilishi kerak.

Google Consent Mode V2 va ishlash

Consent Mode V2 Google teglariga rozilikdan oldin kuksiz holatda ishlashga imkon beradi, `gtag('consent', 'default', {...})` orqali signallar uzatadi. Bu o'lchov uzluksizligi uchun ajoyib, lekin gtag.js kutubxonasining o'zi 50-90KB. Uni asinxron yuklang va poyga holatlaridan qochish uchun imkon qadar erta standartlarni o'rnating.

• gtag yuklanishidan oldin standartlarni o'rnating — rozilik standart chaqiruvini boshiga, gtag.js skriptidan oldin qo'ying.
• Standart sifatida `analytics_storage: 'denied'` dan foydalaning — rozilikdan oldin to'plangan ma'lumotlarni minimallastiradi.
• requestIdleCallback orqali Qabul qilishda yangilang — asosiy ipni bloklashdan qoching.

CMP ning Core Web Vitals ga ta'sirini o'lchash

Taxmin qilmang — o'lchang. Banner ta'sirini miqdorlashtirish uchun ushbu vositalardan foydalaning:

• PageSpeed Insights — Chrome UX Report dala ma'lumotlari va laboratoriya Lighthouse auditi. CMP skripti bilan va siz punktlarni solishtiring.
• Web Vitals Chrome extension — mahalliy sinov davomida real vaqt LCP, INP, CLS qatlami.
• WebPageTest.org — filmstrip va sharsharali ko'rinish, banner aynan qachon ko'rsatilishini va nima bloklayotganini aniq ko'rsatadi.
• Search Console Core Web Vitals report — URL naqshiga ko'ra guruhlangan 28 kunlik dala ma'lumotlari. Banneringiz bilan qo'nish sahifalari bannersiz sahifalardan boshqacha ball olganligini tekshiring.

FlexyConsent qanday tez qoladi