LCP nədir?

LCP (Largest Contentful Paint) ekranın görünən hissəsindəki ən böyük elementin (adətən əsas banner şəkli, məhsul fotosu və ya böyük başlığın) tam render edildiyi anı bildirir. Core Web Vitals göstəriciləri arasında istifadəçinin "səhifə yükləndi" hissiyatını ən yaxşı əks etdirən göstəricidir.

#Bu nə üçün vacibdir

• Ziyarətçilər əsas məzmunu görmədən səhifəni tərk edə bilərlər; xüsusilə mobil şəbəkələrdə hər saniyə önəmlidir.
• LCP Google-un səhifə təcrübəsi (page experience) qiymətləndirməsindəki üç metrikadan biridir.
• Yavaş LCP-nin səbəbləri adətən az sayda və ölçülə biləndir: yavaş server cavabı (TTFB), həddindən artıq böyük şəkillər, renderi bloklayan CSS/JS, gec yüklənən əsas banner şəkli.

#SEOAsist-də harada görünür

• İcmal səhifəsindəki Core Web Vitals kartı LCP-ni mobil və masaüstü üçün ayrı-ayrılıqda saniyələrlə göstərir.
• SEO təhlili mobil LCP 2.5 saniyəni keçdikdə Yavaş LCP tapıntısı qeydə alır.
• Sağlamlıq bölməsindəki Yavaş cavab (> 3 s) problemi birbaşa LCP-ni gecikdirən server cavab müddətlərini göstərir.

Ətraflı: İcmal paneli.

#Nümunə

Əsas banner şəklini yüksək prioritetlə yükləyin və onu tənbəl yükləmədən (lazy loading) kənar tutun:

<link rel="preload" as="image" href="/img/hero-1200.webp" fetchpriority="high">

<img src="/img/hero-1200.webp" width="1200" height="600"
     alt="Oak dining table collection" fetchpriority="high">

#Tez-tez edilən səhvlər

• Əsas banner şəklinə loading="lazy" təyin etmək, bu da LCP elementinin gec yüklənməsinə səbəb olur.
• Telefonlara 3000 piksel ölçüsündə şəkil göndərmək; srcset və WebP/AVIF formatlarından istifadə edin.
• Veb şrift yüklənənədək əsas mətni gizlətmək; font-display: swap istifadə edin.
• Yalnız front-end üzərində işləyib server və keşləməni nəzərdən qaçırmaq.