Xəbər 06 Apr 2026

Core Web Vitals: LCP, FID, CLS necə optimallaşdırılır?

2021-dən Google Core Web Vitals-i rəsmi sıralama amili etdi. Yaxşı skor ilə sayt SEO-da yüksək sıralana bilər - pisdirsə cəzalandırılır.

Core Web Vitals nədir?

3 əsas metrik

  • LCP - Largest Contentful Paint - 2.5s
  • FID - First Input Delay - 100ms (2024-də INP-ə dəyişdi)
  • CLS - Cumulative Layout Shift - 0.1

LCP - Largest Contentful Paint

Nə ölçür?

Ekranın ən böyük elementinin (adətən hero image və ya başlıq) tam yüklənmə vaxtı.

Hansı element LCP olur?

  • Image (img tag və ya CSS background)
  • Video poster
  • Block-level text element

LCP optimallaşdırma

1. Hero şəkli WebP-ə çevir + critical olaraq preload et:

<link rel="preload" as="image" href="hero.webp" fetchpriority="high">

2. Server cavab vaxtını (TTFB) azalt - LSCache + Cloudflare.

3. Render-blocking CSS-i sil və ya defer et.

FID vs INP (2024 dəyişiklik)

FID nə idi?

İstifadəçi ilk dəfə klikləyəndə sayt nə qədər cavab verir. Yalnız ilk klik.

INP nədir?

Interaction to Next Paint - bütün interaksiyaların orta cavab vaxtı. Daha əhatəli ölçü.

INP optimallaşdırma

  • Heavy JS scriptləri ana thread-dən aşağı sal
  • Web Workers istifadə et background tasks üçün
  • İstifadə olunmayan plagin JS-lərini sil

CLS - Cumulative Layout Shift

Nə deməkdir?

Səhifə yüklənərkən elementlərin yerlərinin qeyri-gözlənilən şəkildə dəyişməsi. Lupa içində oxuyursunuz, sonra reklam yüklənir və sözünüzü itirirsiniz.

CLS səbəbləri

  • Şəkillərin width/height yoxdur
  • Reklam blokları gec yüklənir
  • Custom font yüklənəndə fallback fonta keçid
  • Dynamic content əlavələri (bannerlər)

CLS həlləri

Şəkillərə ölçü əlavə

<img src="..." width="800" height="600" />

Brauzer əvvəlcədən yer ayırır - şəkil yüklənəndə layout pozulmur.

Reklam slot-larına ölçü

Reklam yüklənənə qədər boş kvadrat saxla.

Font display: swap

Custom font yüklənənə qədər system font istifadə et:

@font-face {
  font-family: "Inter";
  font-display: swap;
  src: url("inter.woff2");
}

Core Web Vitals necə ölçülür?

Lab data

Lighthouse, PageSpeed Insights - kontrollü mühitdə.

Field data (CrUX)

Chrome User Experience Report - real Chrome istifadəçilərindən. Bu Google sıralamaya təsir edən real metrikdir.

Search Console-da görmək

Google Search Console → "Core Web Vitals" - hansı səhifələrin pis olduğunu göstərir.

Top WordPress səbəbləri

  • Pis tema (Avada, Divi) - 200+ KB CSS
  • Plagin kaskadı - hər plagin öz JS-ini yükləyir
  • Page builder (Elementor) - aşırı script
  • Reklamlar - dinamik insertions

Hostinq.az-da hazır

LSCache + Cloudflare + NVMe ilə hazır WordPress saytı 95+ skoru ilə açılır. Yalnız tema və plagin seçiminə diqqət lazımdır.

Hostinq.az hosting - Core Web Vitals üçün optimallaşdırılmış server.

Paylaş: