Google’ın arama savunucusu John Mueller, En Büyük İçerikli Boya (LCP) iyileştirmelerinin neden bazen istenen sonucu vermediğini ortaya koyan yeni bir vaka çalışmasına dikkat çekti. Özellikle mağaza bazında değişen düzenlerde, tarayıcı yanlış öğeye odaklanabiliyor ve tüm optimizasyon çabaları aslında hiç LCP olmamış bir hedefe yöneliyor. web.dev’de 24 Haziran’da yayımlanan çalışma, e-ticaret platformu Nuvemshop’ta bir yıl boyunca yürütülen Core Web Vitals çalışmalarını detaylandırıyor. Başlangıçta ekip, ana sorunun resim boyutu veya sunucu gecikmesi olduğunu düşünmüş ancak analizler, tarayıcının LCP öğesini nasıl seçtiğine odaklanmaları gerektiğini göstermiş. Öğe seçimi, resim önceliği, tembel yükleme ve uç önbellekleme optimizasyonları sonrasında Nuvemshop, iyi LCP puanına sahip mağazalarının oranını %57’den %96’ya çıkardığını bildiriyor.
Peki yanlış öğe nasıl seçiliyor? Nuvemshop’ta satıcılar ana sayfa bölümlerini istedikleri sırayla düzenleyebiliyor; bu da karuseller, banner’lar ve ürün ızgaralarının farklı temalarda farklı konumlarda görünmesine yol açıyor. Vaka çalışmasına göre, mağazaların %85’inde karusel bulunuyor ve ölçüm sorunu tam da burada ortaya çıkıyor. Karusel ve banner’lardaki CSS geçişleri, öğelerin tarayıcının LCP algılamasına görünür hale gelmesini geciktiriyor. Alışverişçiler karuselin ilk yüklendiğini görürken, tarayıcı bazen sayfanın daha aşağısındaki bir banner’ı LCP öğesi olarak tanımlıyor çünkü bu banner’ın görünürlüğü geçişle geciktirilmiyor. Sonuçta, önceki optimizasyon çabaları aslında hiç LCP olmamış öğelere odaklanmış oluyor. Araştırma üç ana neden belirledi: Geçişler algılamayı yanlış kareye itiyor, tembel yükleme hemen yüklenmesi gereken ekran üstü resimleri geciktiriyor ve kritik resimler öncelik sinyallerinden yoksun. 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ı gerekiyor.
Vaka çalışması üç temel LCP düzeltmesini içeriyor. İlk olarak, ekip üst bölümlerdeki CSS geçişlerini kaldırarak bu öğelerin anında görünmesini sağladı; böylece tarayıcı onları gecikmeden LCP adayı olarak tanıyabildi. İkinci olarak, bu bölümlerdeki ilk resimden 'loading="lazy"' özelliğini kaldırdılar. web.dev’in kendi kılavuzu da LCP resminin tembel yüklenmemesi gerektiği konusunda net uyarıda bulunuyor. Son olarak, muhtemel LCP resmine 'fetchpriority="high"' ekleyerek tarayıcının ön yükleyicisinin bu resmi daha erken almasını sağladılar. Nuvemshop, bu sinyali yalnızca öğenin gerçekten LCP adayı olabileceği durumlarda tetiklemek için doğrulama mantığı ekledi. Google’ın tavsiyesi, bu özelliği bir veya iki ana resimle sınırlamak; çünkü her şey yüksek öncelikli olursa hiçbir şey öncelikli olmaz.
Nasıl Önlem Alınmalı?
Nuvemshop, yıl boyunca genel Core Web Vitals geçme oranının %48’den %72’ye yükseldiğini de bildiriyor. Şirket, Ocak 2025 ve 2026’da aktif olan aynı Brezilya mağazalarını inceledi; Google organik aramasından gelen mobil ziyaretçilerde dönüşüm oranında %8,9 ve sepete ekleme oranında %8,4 artış gözlemledi. Bu rakamların kendi bildirdikleri veriler olduğu ve alışveriş rakamlarının kontrollü bir test değil, yıllık karşılaştırma olduğu unutulmamalı. Nuvemshop bu artışı, Google tarafından sipariş edilen Deloitte araştırmasına dayandırıyor; araştırma, yükleme süresindeki 0,1 saniyelik azalmanın perakende dönüşümünü %8,4 artırabileceğini gösteriyor. Bu vaka çalışması, özellikle şablon tabanlı veya karusel ağırlıklı düzenlerde, sıkıştırmadan önce tarayıcının gerçekte hangi öğeyi LCP olarak işlemlediğini kontrol etmenin önemini vurguluyor. Core Web Vitals yalnızca küçük bir sıralama faktörü olsa da, hızlı bir mağaza daha iyi bir alışveriş deneyimi anlamına geliyor.
