LCP, İngilizce largest contentful paint ifadesinin kısaltmasıdır: sayfa yüklenmeye başladıktan sonra ekrandaki en büyük görsel öğenin belirmesine kadar geçen süre. Ziyaretçinin "sayfa açıldı" dediği anın en iyi yaklaşımıdır.
Hangi öğe ölçülüyor?
Tarayıcı, ilk ekranda görünen alandaki en büyük öğeyi seçer. Çoğunlukla kapak görseli, hero görseli ya da büyük bir başlık bloğudur. Sayfa yüklendikçe seçim değişebilir; ölçüm, kullanıcı sayfayla ilk etkileşime girene kadar süren en büyük öğeyi baz alır.
Eşik kaç?
Google’ın ölçütü 2,5 saniye ve altı iyidir; 4 saniyenin üstü kötü, arası iyileştirilmeli sayılır. Değerlendirme sayfanızı ziyaret eden gerçek kullanıcıların 75’inci yüzdeliği üzerinden yapılır, yani ortalama değil. On ziyaretçiden yedisi hızlı, üçü çok yavaş görüyorsa ölçüt o üçü de sayar.
Süre nereye gidiyor?
LCP tek bir iş değil, dört parçanın toplamıdır ve hangi parçanın büyük olduğunu bilmeden doğru yere dokunamazsınız:
- İlk bayta kadar geçen süre. Sunucu tarafı, ayrıntısı TTFB maddesinde.
- Kaynak keşif gecikmesi. HTML geldikten sonra tarayıcının o görseli isteyene kadar beklediği süre.
- İndirme süresi. Görselin kendisinin ağdan inmesi.
- Render gecikmesi. Görsel indi ama sayfa henüz çizilemiyor, çünkü render’ı bloklayan bir şey var.
Kendi blog sayfamda ölçtüğümde sürenin yarıdan fazlası kaynak keşif gecikmesiydi; görselin kendisi 1 milisaniyede iniyordu. Yani dosyayı küçültmek hiçbir işe yaramazdı, sorun görselin geç bulunmasıydı.
Nasıl düşürülür?
- İlk ekrandaki görsele tembel yükleme uygulamayın; tembel yükleme keşfi bilerek geciktirir.
- O görsele yüksek öncelik verin ve gerekiyorsa ön yükleme bağlantısı ekleyin.
- Render’ı bloklayan CSS ve yazı tiplerini azaltın; ilk boyamada gerekmeyen stil bloklamamalı.
- Görseli modern biçimde (WebP, AVIF) ve gösterileceği ölçüde sunun.
- Sunucu tarafını hızlandırın; TTFB büyükse geri kalan her şey onun üstüne biner.
Yaygın yanlış: laboratuvar sonucunu saha sanmak
Test araçlarının verdiği tek seferlik sonuç laboratuvar ölçümüdür ve koşudan koşuya belirgin biçimde oynar. Google’ın sıralamada baktığı şey ise gerçek kullanıcı verisidir. Tek bir ölçüme bakıp karar vermeyin; aynı sayfayı birkaç kez ölçün ve mümkünse saha verisine bakın.