Google Arama Savunucusu John Mueller, belirli Largest Contentful Paint (LCP) iyileştirmelerinin neden genellikle sonuç vermediğini açıklayan yeni bir vaka çalışmasına dikkat çekti. Her mağazada farklılık gösteren bir düzende, tarayıcı yanlış öğeye odaklanabiliyor ve bu da sonraki tüm optimizasyonların aslında hiçbir zaman LCP olmayan bir hedefe yönelmesine neden oluyor. Vaka çalışması, 24 Haziran'da web.dev'de yayımlandı ve e-ticaret platformu Nuvemshop'ta bir yıl süren Core Web Vitals çalışmalarını detaylandırıyor.
Nuvemshop'ta mağaza sahipleri ana sayfa bölümlerini istedikleri sırayla düzenleyebiliyor; bu da slayt gösterileri, banner'lar ve ürün ızgaralarının farklı temalarda çeşitli konumlarda görünmesine yol açıyor. Vaka çalışmasına göre, mağazaların %85'inde slayt gösterileri mevcuttu ve ölçüm sorunu burada ortaya çıktı. Sorun, slayt gösterileri ve banner'lardaki CSS geçişlerinden kaynaklanıyordu. Bu geçişler, öğelerin tarayıcının LCP algılamasına görünür hale gelmesini geciktiriyordu. Alışveriş yapanlar slayt gösterisinin ilk yüklendiğini görürken, tarayıcı bazen daha aşağıdaki bir banner'ı LCP öğesi olarak tanımlıyordu çünkü görünürlüğü bir geçişle gecikmiyordu. Bu nedenle, önceki optimizasyon çabaları hiçbir zaman LCP olmayan öğelere odaklanmıştı.
Araştırma üç ana neden belirledi: Geçişler algılamayı yanlış kareye itiyor, tembel yükleme (lazy loading) sayfanın üst kısmındaki hemen yüklenmesi gereken görselleri geciktiriyor ve kritik görseller öncelik sinyallerinden yoksundu. Ayrıca ölçümler yalnızca ana sayfalardan değil, kategori ve ürün sayfalarından da alındığı için çözümün farklı sayfa türlerinde etkili olması gerekiyordu. Nuvemshop, sayfanın üst kısmındaki CSS geçişlerini kaldırarak, bu bölümlerdeki ilk görselden loading='lazy' niteliğini çıkararak ve olası LCP görseline fetchpriority='high' ekleyerek üç temel değişiklik yaptı. Bu ayarlamalarla birlikte kenar önbellekleme de eklenince, iyi LCP puanına sahip mağazaların oranı %57'den %96'ya yükseldi.
Bu vaka çalışması, bir sonraki hero görselini sıkıştırmadan önce tarayıcının gerçekten LCP olarak kabul ettiği öğeyi optimize ettiğinizden emin olmanız gerektiğini gösteriyor. Özellikle şablon tabanlı veya slayt gösterisi ağırlıklı düzenlerde bu kritik önem taşıyor. Nuvemshop'un kendi bildirdiği verilere göre, genel Core Web Vitals geçme oranı %48'den %72'ye yükselirken, Google organik aramasıyla gelen mobil ziyaretçilerde dönüşüm oranı %8,9, sepet etkileşimi ise %8,4 arttı. Her ne kadar bu rakamlar kontrollü bir test olmasa da, LCP optimizasyonunda doğru öğeyi hedeflemenin önemini vurguluyor. Unutmayın, Core Web Vitals küçük bir sıralama faktörüdür ve Google alaka düzeyini daha önemli görmektedir.
