2026-cı ildə Üç Əsas Veb Göstəricisi

Google səhifə təcrübəsi üçün üç əsas sahə metrikasını ölçür. Hər birinin "Yaxşı" performans üçün bir həddi var:

• Ən Böyük Məzmunlu Rəsm (LCP) — ən böyük görünən elementin göstərilməsi üçün vaxt. Yaxşı: 2,5 saniyədən az.
• Növbəti Rəsmə Qarşılıqlı Əlaqə (INP) — bütün istifadəçi qarşılıqlı əlaqələrinə cavab vermə (2024-cü ilin martında FID-in yerinə keçdi). Yaxşı: 200 ms-dən az.
• Kümülatif Düzən Sürüşməsi (CLS) — yükləmə zamanı vizual sabitlik. Yaxşı: 0,1-dən az.

Göstərişi bloklayan, yükləmə zamanı ağır JavaScript işlədən və ya gec düzən dəyişiklikləri yeridən razılıq banneri bunlardan hər hansı birini "Yaxşılaşdırma Lazımdır" və ya "Zəif" zonasına sürüşdürə bilər — Google isə real Chrome istifadəçilərindən 28 günlük sahə məlumatlarından istifadə edir, buna görə də keçici problemlər davamlı reytinq siqnallarına çevrilir.

Razılıq Bannerlərinin LCP-yə Zərər Verməsi

Largest Contentful Paint adətən qəhrəman şəkli və ya başlıqda işləyir. Bir neçə razılıq nümunəsi onu lazımsız yerə gecikdirir:

Göstərişi Bloklayan CMP Skriptləri

CMP-nin sənəd başlığından sinxron yüklənməsi skript endirilib icra olunana qədər HTML ayrıştırmasını dayandırır. CMP yavaş CDN-də yerləşdirilirsə və ya soyuq keşi varsa, qlobal miqyasda LCP-yə 200-800 ms əlavə edə bilərsiniz.

Qəhrəman Elementini Örtən Banner

Razılıq banneri LCP elementini örtən modal örtük kimi mövqeləndirilsə, brauzer hələ də örtülmüş elementdən LCP-ni ölçəcək. Lakin banner ən böyük boyanan element olarsa, o, LCP namizədinə çevrilir — və səhifə yüklənməsindən sonra JavaScript vasitəsilə göstərilirsə, LCP süni şəkildə yüksək olur.

Düzəliş: Kiçik Daxili Bootstrapla Asinxron Yükləmə

Tam CMP-ni asinxron yükləyin (`async` və ya `defer`), yalnız ilkin banner görüntüsü üçün kiçik daxili skriptlə. Gzip ilə sıxılmış 5 KB-dan kiçik bootstrap hədəfləyin. Tam davranış məntiqi, satıcı siyahıları və UI xromu ilk rəsmdən sonra tənbəl yüklənə bilər.

Razılıq Bannerlərinin INP-yə Zərər Verməsi

Interaction to Next Paint sessiya boyunca bütün kliklərdə, toxunuşlarda və düymə basışlarında ən pis cavab vermə vaxtını ölçür. Cookie razılıq qarşılıqlı əlaqələri çox vaxt istifadəçinin etdiyi ilk qarşılıqlı əlaqədir — buna görə yavaş Qəbul düyməsi balı məhv edir.

Qəbul Zamanı Ağır İş

Bir çox CMP Qəbul zamanı sinxron iş icra edir: 40-dan çox satıcı skriptini yükləmək, localStorage-a yazmaq, dataLayer hadisələrini işə salmaq, Google Consent Mode yeniləmələrini tetiklemek. Bu 200 ms-i keçərsə, INP əziyyət çəkir.

Düzəliş: İşi Rəsmdən Sonraya Planlaşdırın

Qəbul klikdə dərhal banneri gizlədib ağır işi `requestIdleCallback` və ya `setTimeout(0)` ilə planlaşdırın. İstifadəçi bannerin dərhal yox olduğunu görür; satıcı skriptləri qarşılıqlı əlaqəni bloklamadan fonda yüklənir.

Razılıq Bannerlərinin CLS-yə Zərər Verməsi

Cumulative Layout Shift gözlənilməz vizual hərəkəti izləyir. Bannerlər məzmun boyandıqdan sonra DOM-a yeridiləndə CLS-nin klassik mənbəyidir.

Gec Banner Yeridilməsi

Banner LCP-dən 800 ms sonra görünsə, məzmunu aşağı itələyir və düzən sürüşməsi yaradır. Hətta kiçik bir banner görüntü alanının böyük bir hissəsinə təsir edərsə 0,1-dən yuxarı CLS balı yarada bilər.

Cookie Tercih Vidcetinin Yenidən Göstərilməsi

Satıcı loqolarını asinxron yükləyən alt kolontitul tercih vidcetləri bütün alt kolontitulun bir neçə dəfə yenidən axmasına səbəb ola bilər, bu da CLS-i artırır.

Düzəliş: Məkanı Öncədən Ayırın

Bannerin məkanını ilk rəsmdən etibarən ayırmaq üçün CSS istifadədin — sabit hündürlüklü yer tutucu, alt kolontitulda `min-height` və ya məzmunu itələməyən aşağı sabitlənmiş banner. Müasir CMP-lər qutusundan çıxan CLS-siz konfiqurasiya təklif etməlidir.

Google Consent Mode V2 və Performans

Consent Mode V2 Google etiketlərinin razılıqdan əvvəl kukilərsiz vəziyyətdə işləməsinə imkan verir, `gtag('consent', 'default', {...})` vasitəsilə siqnallar ötürür. Bu, ölçmə davamlılığı üçün əladır, lakin gtag.js kitabxanasının özü 50-90 KB-dır. Onu asinxron yükləyin və yarış şərtlərindən qaçınmaq üçün standartları mümkün qədər tez təyin edin.

• Standartları gtag yüklənməzdən əvvəl təyin edin — razılıq standart çağırışını başlıqda, gtag.js skriptindən əvvəl yerləşdirin.
• Standart olaraq `analytics_storage: 'denied'` istifadədin — razılıqdan əvvəl toplanan məlumatları minimuma endirir.
• requestIdleCallback vasitəsilə Qəbulda yeniləyin — əsas ipi bloklamaqdan çəkinin.

CMP-nin Əsas Veb Göstəricilərinə Təsirini Ölçmək

Təxmin etməyin — ölçün. Bannerin təsirini kəmiyyətləndirmək üçün bu alətlərdən istifadə edin:

• PageSpeed Insights — Chrome UX Report-dan sahə məlumatları üstəgəl laboratoriya Lighthouse auditi. CMP skripti ilə və skriptsiz balları müqayisə edin.
• Web Vitals Chrome uzantısı — yerli sınaq zamanı real vaxtda LCP, INP, CLS örtüyü.
• WebPageTest.org — bannerin tam olaraq nə zaman göstərildiyini və nəyi bloklandığını göstərən film şeridi və şəlalə görünüşü.
• Search Console Core Web Vitals hesabatı — URL nümunəsinə görə qruplaşdırılmış 28 günlük sahə məlumatları. Bannerinizin olduğu açılış səhifələrinin olmayanlara nisbətən fərqli bal aldığını yoxlayın.

FlexyConsent Sürətini Necə Saxlayır