Google Arama Savunucusu John Mueller, En Büyük İçerikli Boya (LCP) iyileştirmelerinin neden bazen beklenen sonuçları vermediğini açıklayan yeni bir vaka çalışmasına dikkat çekti. Nuvemshop e-ticaret platformunda bir yıl süren Core Web Vitals çalışmasının detaylandırıldığı vaka çalışması, tarayıcının yanlış öğeyi LCP olarak seçmesi durumunda tüm optimizasyonların boşa gidebileceğini ortaya koyuyor. Başlangıçta ekip, sorunun görsel ağırlığı veya sunucu gecikmesi olduğunu düşünse de analizler, asıl sorunun tarayıcının LCP öğesini nasıl seçtiğiyle ilgili olduğunu gösterdi. Optimizasyonlar sonucunda Nuvemshop, iyi LCP puanına sahip mağazaların oranını %57'den %96'ya çıkarmayı başardı.
Vaka çalışmasına göre, Nuvemshop'ta satıcılar ana sayfa bölümlerini istedikleri sıraya göre düzenleyebiliyor; bu da atlıkarıncalar, banner'lar ve ürün ızgaralarının farklı temalarda çeşitli konumlarda görünmesine yol açıyor. Mağazaların %85'inde bulunan atlıkarıncalar, CSS geçişleri nedeniyle tarayıcının LCP tespitini geciktiriyordu. Ziyaretçiler önce atlıkarıncanın yüklendiğini görse de tarayıcı, geçişten etkilenmeyen bir banner'ı LCP öğesi olarak tanımlayabiliyordu. Bu nedenle önceki optimizasyon çabaları, aslında hiçbir zaman LCP olmayan öğelere odaklanmıştı. Sorunun üç ana nedeni belirlendi: geçişlerin tespiti yanlış kareye kaydırması, yavaş yüklemenin ekran üstü görselleri geciktirmesi ve kritik görsellerin öncelik sinyallerinden yoksun olması.
Nuvemshop, LCP tespitini düzeltmek için üç temel değişiklik yaptı. İlk olarak, üst bölümlerdeki CSS geçişleri kaldırıldı, böylece öğeler anında görünür hale geldi ve tarayıcı bunları LCP adayı olarak tanıyabildi. İkinci olarak, üst bölümlerdeki ilk görselden 'loading=lazy' kaldırıldı; web.dev, LCP görselinin yavaş yüklenmesinin her zaman gecikmeye yol açtığı konusunda uyarıyor. Son olarak, muhtemel LCP görseline 'fetchpriority=high' eklendi; bu, tarayıcının ön yükleyicisine görseli daha erken alması talimatını veriyor. Nuvemshop, bu sinyali yalnızca öğenin gerçekten LCP adayı olabileceği durumlarda kullanmak için doğrulama mantığı ekledi. Google, bu özelliğin yalnızca bir veya iki ana görsel için ayrılmasını tavsiye ediyor, çünkü her şey yüksek öncelikli olursa hiçbir şey öncelikli olmuyor.
Detaylar ve Etkileri
Nuvemshop, yıl boyunca genel Core Web Vitals geçme oranının %48'den %72'ye yükseldiğini bildirdi. Ayrıca, Ocak 2025 ve 2026'da aktif olan aynı Brezilya mağazaları incelendiğinde, Google organik aramadan gelen mobil ziyaretçilerde dönüşüm oranında %8,9 artış ve sepet etkileşiminde %8,4 yükseliş gözlemlendi. Bu verilerin şirket tarafından raporlandığını ve kontrollü bir test olmadığını unutmamak gerek. Nuvemshop, bu iyileştirmeleri Google tarafından desteklenen Deloitte araştırmasına dayandırıyor; araştırma, yükleme süresinde 0,1 saniyelik bir azalmanın perakende dönüşümünü %8,4 artırabileceğini gösteriyor. Bu vaka çalışması, özellikle şablon tabanlı veya atlıkarınca ağırlıklı düzenlerde, gerçek LCP öğesini doğru tespit etmenin önemini vurguluyor.
