PageSpeed tarafındaki en önemli metriklerin başında kuşkusuz LCP metriği gelmektedir. En büyük zengin içerikli boya olarak da çevirebileceğimiz bu metriğin aslında mantığı oldukça basittir. Google, kullanıcı deneyimi açısından; sitenize giren ziyaretçinin ana içeriğe ulaşma hızını ve etkileşime girmeye hazır olma hızını temsil etmektedir. Yani ilk açılışta ekranı kaplayan ögelerin tamamını baz almaktadır. Eğer bu ögelerin yüklenmesi ve hazır hale getirilmesi kısmında performans bazlı sorunlar mevcut ise PageSpeed, “Largest Contentful Paint Ögesi” hatasını sizlere çıkarmaktadır.
PageSpeed Largest Contentful Paint Ögesi hatasının çözümü için pek çok yöntem vardır ve bu yöntemler sadece bu hata özelinde değil, diğer pek çok hatanızı da ortadan kaldıracak düzeydedir. TTFB, Yükleme Gecikmesi, Yükleme Süresi ve Oluşturma Süresi şeklinde 4 başlıkta incelenen LCP hatası için ilk olarak sorunun temeline inelim.
Largest Contentful Paint Ögesi Hatası Neden Oluşur?
PageSpeed performans metriklerinde de yer alan LCP değeri özellikle belli bir seviyenin üstüne çıktığında bunu bir hata olarak sizlere sunmaktadır ve 4 madde üzerinde oluşma süreleri listelenmektedir. Bunlardan en kritik olanı da “oluşturma süresi” olmaktadır. Genelde değerler arasında en yüksek değer burada olmakta ve bu da LCP hatasına sebep vermektedir.
LCP’yi Etkileyen Sorunlar Nelerdir?
- Websitenizin bulunduğu sunucunun performansının düşük olması ve bu sebeple ilk yanıt süresinin uzun olması.
- Javascript ve CSS dosyalarının fazla olması ve oluşturmayı engellemesi.
- Statik dosyaların yavaş yüklenmesi ve boyutlarının yüksek olması.
“Largest Contentful Paint Ögesi” Sorununun Çözümü
Yukarıda etkileyen sorunlarını da yazdığım “Largest Contentful Paint Ögesi” sorununun çözümü için öncelikle sunucumuzun veya hostingimizin doğru bir firmada ve doğru configürasyonlarda olup olmadığını tespit etmemiz gerekmektedir. Bunun için boş bir sayfa oluşturup (deneme.html), bu sayfayı tarayıcınızda açıp Chrome Console’daki Network verilerine bakabilirsiniz. Bu kısım yazılımın etkisi olmadan sunucunuzun yanıt süresini size verecektir.
Bunun dışında eğer Türkçe bir internet siteniz var ise ve yüksek oranda Türkiye’deki kullanıcıyı hedefliyorsanız TR lokasyonlu verimerkezlerinde barınmanız; aksi durumda ise Avrupa veya hedef ülkenize yakın verimerkezlerinde yer almanız önemli olacaktır.
Diğer iki faktör ise, birkaç Pagespeed hatasının da sebebi olan JS ve CSS kodlarının optimizasyonudur. Compress, Minify işlemleri ile JS ve CSS dosyanızın boyutunu azaltın ve kodlarda kullanmadığınız satırlar var ise silin. Görsellerinizi optimize ederek webp gibi formatlara getirin ve sıkıştırarak dosya boyutunu azaltın.
Yukarıdaki işlemleri uyguladığınız takdirde çok büyük oranda LCP sürenizi kısaltmış olacaksınız ve hem puanınız hem de kullanıcı deneyiminiz artmış olacak.