Largest Contentful Paint, ekranda görünen en büyük ögenin render edilmesinin tamamlandığı anı kaydeder. Pratikte bu öge bir hero görseli, bir video kapak karesi ya da büyük bir başlık bloğudur. LCP, ziyaretçinin gerçekten önemsediği soruyu yanıtlar: sayfa ne zaman yüklenmiş görünüyor.
Google'ın eşiği gerçek ziyaretlerin 75. yüzdelik diliminde 2,5 saniyedir. 2,5 ile 4 saniye arası iyileştirme gerektirir, 4 saniyenin üstü zayıf sayılır. Yüzdelik dilim burada belirleyicidir. Medyanı hızlı ama kuyruğu yavaş bir site yine de eşiği geçemez.
Ölçümü dört maliyet oluşturur. Önce ilk bayta kadar geçen süre, sonra render'ı bloklayan CSS ve JavaScript'in yüklenme süresi, ardından LCP kaynağının kendisinin yüklenmesi ve son olarak boyanması. Bu dördünden hangisinin baskın olduğunu profillemek ilk faydalı adımdır, çünkü çözümler birbirinden farklıdır.
Kazandıran hamleler sıradan ve etkilidir. Hero görselini göründüğü boyutta ve modern bir formatta sunun, preload edin, ekranın üst kısmındaki görsellerden lazy loading niteliğini kaldırın ve render'ı bloklayan script'leri kritik yoldan çıkarın.
Ölçümü nereden okuduğunuza dikkat edin. Lighthouse gibi laboratuvar araçları tek bir simüle edilmiş koşuyu gösterir. Google'ın sıralamada kullandığı veri ise Chrome User Experience Report'tan gelen gerçek kullanıcı ölçümleridir. İkisi arasında fark olması normaldir. Karar verirken saha verisine bakmak, laboratuvar skorunu kovalamaktan daha doğru sonuç verir.