Black Friday kampanyanız ziyaretçi getirebilir; ancak yavaş açılan ürün görselleri, geç tepki veren filtreler ve yer değiştiren düğmeler alışverişi zorlaştırır. Core Web Vitals, bu deneyimi yüklenme, etkileşim ve görsel kararlılık üzerinden değerlendirmenize yardımcı olur. Kampanya öncesinde yalnızca ana sayfayı test etmek, ürün ve sepet adımlarındaki sorunları gözden kaçırabilir.
Hazırlığı, reklamdan gelen ziyaretçinin izleyeceği yol üzerinden planlayın. Kampanya sayfasını, kategori listesini, ürün detayını ve sepeti birlikte inceleyin. Böylece teknik ekibin yapacağı işleri, pazarlama takviminiz ve mağazanızın satış akışıyla ilişkilendirebilirsiniz.
Önceliğiniz tek bir hız puanını yükseltmek değil, müşterinin karşılaştığı gecikmenin kaynağını bulmak olmalı. Aşağıdaki kontrol planı; hangi metriğin ne anlattığını, hangi araçla ölçüleceğini ve yoğun trafik öncesinde düzeltmelerin nasıl sıraya alınacağını açıklar.
1. Core Web Vitals nedir, hangi eşikler izlenmeli?
Core Web Vitals, Google’ın gerçek kullanıcı deneyiminin üç yönünü ölçmek için kullandığı temel web metrikleridir. LCP ana içeriğin görünmesini, INP etkileşime verilen görsel yanıtı, CLS ise beklenmedik yerleşim kaymalarını değerlendirir. Mobil ve masaüstü sonuçları ayrı ele alınır; değerlendirmede genellikle gerçek ziyaretlerin 75. yüzdelik dilimindeki değerler kullanılır.
| Metrik | Ölçtüğü deneyim | İyi | İyileştirme gerekli | Zayıf |
|---|---|---|---|---|
| LCP | Görünür alandaki en büyük uygun içerik öğesinin görüntülenmesi | ≤ 2,5 saniye | > 2,5–4 saniye | > 4 saniye |
| INP | Etkileşimden sonraki görsel güncellemeye kadar gecikme | ≤ 200 ms | > 200–500 ms | > 500 ms |
| CLS | Beklenmedik yerleşim kaymalarının skoru | ≤ 0,1 | > 0,1–0,25 | > 0,25 |
- yüzdelik dilim, gözlemlerin yaklaşık yüzde 75’inin belirtilen değerde veya daha iyi olduğu noktadır. Ortalama değer kullanmak, yavaş deneyim yaşayan ziyaretçilerin durumunu gizleyebilir. Yeterli veri bulunan standart değerlendirmede üç metriğin de iyi aralıkta olması hedeflenir. Web Vitals tanımları ve eşikleri
Bu metrikler arama performansıyla da ilişkilidir; ancak iyi değerler tek başına üst sıralama garantisi vermez. Google, Core Web Vitals’ın sıralama sistemlerinde kullanıldığını, buna rağmen iyi rapor sonuçlarının üst sıralamayı garanti etmediğini belirtir. İçerik uygunluğu ve genel sayfa deneyimiyle birlikte değerlendirme yapın. Google Search Central açıklaması
2. PageSpeed Insights ile doğru ölçüm tabanını oluşturun
PageSpeed Insights raporunda saha verisi ile laboratuvar sonucunu ayırın. Saha bölümü, CrUX üzerinden önceki 28 günlük gerçek kullanıcı deneyimini gösterir. Laboratuvar bölümü ise Lighthouse ile belirli koşullarda yapılan bir testtir; sorunları incelemek için faydalıdır, tüm ziyaretçilerin deneyimini temsil etmez.
Raporda verinin test ettiğiniz URL’ye mi, yoksa sitenin kökenine yani origin düzeyine mi ait olduğunu kontrol edin. URL için örnek yetersizse daha geniş kapsamlı veri gösterilebilir; hiçbir saha verisi de bulunmayabilir. Veri yokluğunu iyi performans kanıtı saymayın. PageSpeed Insights veri kapsamı
Ana sayfayla sınırlı kalmayın
Kampanyada kullanılacak şablonlardan örnekler seçin. Bir kategori sayfasındaki filtre, ürün sayfasındaki galeri ve sepetteki kupon alanı farklı sorunlar çıkarabilir. Aynı şablonda ortak hata varsa düzeltme çok sayıda URL’ye fayda sağlayabilir.
Başlangıç ölçüm tablonuzda şu alanlar bulunsun:
- Sayfa türü, örnek URL ve kampanyadaki görevi.
- Mobil veya masaüstü cihaz türü.
- Saha verisinin kapsamı ve ölçüm tarihi.
- LCP, INP ve CLS değerleri; eksik veriler için açık not.
- Yeniden üretilebilen sorun, sorumlu kişi ve doğrulama sonucu.
Search Console’daki Önemli Web Verileri raporuyla sorunlu sayfa gruplarını inceleyin; ardından temsilî URL’lerde ayrıntıya inin. Genel teşhis sürecini genişletmek isterseniz site hızı optimizasyonu rehberini değerlendirebilirsiniz. Raporu ekip için uygulanabilir iş listesine dönüştürmek, yalnızca ekran görüntüsü paylaşmaktan daha faydalıdır.
3. LCP kontrolü: Büyük kampanya görseli ne zaman görünüyor?
LCP, sayfanın görünür alanındaki en büyük uygun görsel veya metin bloğunun ne zaman görüntülendiğini ölçer. Ürün detayındaki ana fotoğraf, bir başlık bloğu veya kampanya görseli bu öğe olabilir. LCP, sayfadaki tüm dosyaların indirilmesinin tamamlandığı anı ifade etmez. LCP ölçüm tanımı
Önce performans kaydında hangi öğenin LCP olduğunu belirleyin. Ardından sunucunun ilk yanıtı, kaynağın keşfedilmesi, indirilmesi ve ekranda çizilmesi aşamalarını ayırın. Görseli küçültmek yalnızca indirme bölümünü iyileştirir; kaynak geç keşfediliyor veya çizim engelleniyorsa başka müdahale gerekir.
Görsel yüklemesini önceliklendirin
LCP görseline gereksiz tembel yükleme, yani lazy loading uygulamayın. Görselin tarayıcı tarafından erken keşfedilebilmesini sağlayın; uygun olduğunda fetchpriority="high" kullanımı geliştirici tarafından değerlendirilebilir. Her görsele yüksek öncelik vermek ise kaynaklar arasındaki önceliklendirmeyi bozabilir.
Mobil ekrana uygun boyutlar ve sıkıştırma kullanın. Kritik olmayan içeriklerin ana içeriği geciktirmediğini kontrol edin; sunucu yanıtı yavaşsa önbellek ve dağıtım katmanını da inceleyin. Bu adımları ölçümle doğrulayın; tek bir dosya biçiminin bütün LCP sorunlarını çözeceğini varsaymayın. LCP iyileştirme rehberi
Örneğin, kampanya ekibi masaüstü için hazırladığı büyük görseli mobilde de kullanıyorsa, önce gerçek görüntüleme boyutunu kontrol edin. Görsel değişikliğinin ardından aynı sayfada, benzer test koşullarında yeniden ölçüm yapın. İndirme süresi azalsa bile LCP değişmediyse kalan gecikmenin başka aşamada olduğunu araştırın.
4. INP kontrolü: Filtreler ve sepete ekle düğmesi hızlı tepki veriyor mu?
INP, ziyaret boyunca tıklama, dokunma ve klavye etkileşimlerinin ardından bir sonraki görsel güncellemeye kadar oluşan gecikmeleri değerlendirir. Çoğu ziyarette en yavaş etkileşim belirleyicidir; çok sayıda etkileşim bulunan ziyaretlerde uç değerleri ele alan kurallar uygulanır. Kaydırma tek başına INP kapsamında bir etkileşim değildir. INP ölçüm tanımı
Kategori filtresini açın, ürün varyantını değiştirin, sepete ürün ekleyin ve kupon alanını kullanın. Bu görevleri yalnızca güçlü bir masaüstü bilgisayarda denemeyin. Mobil cihaz koşullarını da gözlemleyin ve gecikmeyi hangi adımda üretebildiğinizi kaydedin.
JavaScript işlerini ve üçüncü taraf araçlarını inceleyin
Chrome DevTools performans kaydında etkileşim sırasında ana iş parçacığını meşgul eden görevleri araştırın. Uzun işleri bölmek, gereksiz hesaplamayı azaltmak ve kritik olmayan işleri sonraya bırakmak yardımcı olabilir. Büyük sayfa yapılarının çizim maliyetini de değerlendirin; sorun her zaman yalnızca olay dinleyicisinde değildir.
Kampanya sayacını, sohbet aracını ve kişiselleştirme uygulamalarını topluca suçlamak yerine etkilerini ayrı ölçün. Bir aracı kaldırmadan önce işlevini ve veri toplama ihtiyacını ilgili ekiple değerlendirin. Değişikliğin hem tepki süresini hem işlevselliği koruduğunu test edin. INP iyileştirme rehberi
Düğmenin hızlı görsel tepki vermesiyle siparişin sunucuda tamamlanması farklı aşamalardır. Örneğin, sepete ekleme sırasında işlem durumunu göstermek müşteriye geri bildirim sunabilir; ancak arka plandaki hatayı çözmez. Sipariş başarısını ve hata kayıtlarını ayrıca izleyin.
5. CLS kontrolü: İndirim alanları sayfayı kaydırıyor mu?
CLS, görünür öğelerin beklenmedik biçimde yer değiştirmesini puanlar; saniye cinsinden ölçülmez. Hesaplama, ziyaret boyunca tüm kaymaların basit toplamı yerine en yüksek puanlı kayma penceresini esas alır. Her hareket veya animasyon CLS oluşturmaz. CLS hesaplama açıklaması
Black Friday döneminde eklenen kupon şeridi, stok mesajı veya geç yüklenen yorum alanı mevcut içeriği itebilir. Bu nedenle yalnızca ilk ekranın görüntüsünü almak yeterli değildir. Sayfayı kullanın; galerinin, yazı tiplerinin ve sonradan gelen bileşenlerin yerleşimi nasıl etkilediğini izleyin.
Sonradan gelen içerik için alan ayırın
Görsel ve videoların boyutlarını ya da en boy oranını tanımlayın. Dinamik bileşenler için uygun alanı önceden ayırın; geç gelen içeriği mevcut düğmelerin üzerine veya arasına kontrolsüz biçimde eklemeyin. Yazı tipi değişiminin metin boyutunu ve satır kırılımlarını nasıl etkilediğini de inceleyin.
Testi içerikler önbellekteyken ve ilk kez yükleniyorken karşılaştırın. Örneğin, ürün yorumları geldikten sonra sepete ekle düğmesinin aşağı kayması, ilk açılışta görünmeyen bir sorun olabilir. Sorunlu bileşeni düzeltip aynı etkileşim dizisini tekrar deneyin. CLS iyileştirme rehberi
Kampanya tasarımını değerlendirirken performansı görsel kararların bir parçası yapın. Banner ve bildirimlerin kapladığı alanın öngörülebilir olması kullanım kolaylığını destekler. Sayfa düzeni için başarılı e-ticaret sitesi tasarımı içeriğindeki kullanıcı deneyimi yaklaşımını da inceleyebilirsiniz.
6. Black Friday öncesi kontrol listesini önceliklendirin
Bulduğunuz sorunları trafik payı, alışverişe etkisi ve düzeltmenin kapsamıyla sıralayın. Kampanya trafiğinin çoğunu alacak kategori şablonundaki bir problem, nadiren ziyaret edilen bir sayfadan önce ele alınabilir. Düzeltmeyi kimin yapacağını ve başarıyı hangi ölçümle doğrulayacağınızı baştan belirleyin.
| Öncelik | Kontrol | Tamamlanma kanıtı |
|---|---|---|
| İlk aşama | Kampanya URL’leri ve başlangıç ölçümü | Cihaz türü ve veri kapsamı belirtilmiş rapor |
| Yüksek | Ana görselin görünmesi ve kritik etkileşimler | Öncesi/sonrası kayıt ve sorunsuz alışveriş testi |
| Yüksek | Geç yüklenen alanların yerleşimi | Tekrarlanmış kullanım senaryosunda kontrol |
| Yayın öncesi | Kampanya bileşenleriyle son test | Onaylanan değişiklik listesi ve geri dönüş planı |
| Kampanya sırasında | Gerçek kullanıcı ve işlem takibi | Sapmalar için sorumlu kişi ve müdahale kaydı |
Core Web Vitals testi, sunucunuzun yoğun trafiği kaldıracağını tek başına kanıtlamaz. Kapasite ve yük testini ayrıca planlayın; ödeme, stok ve sipariş servislerini gerçekçi senaryolarla değerlendirin. Bu çalışma metriklerin yerini almaz, kampanya hazırlığını tamamlar.
Son gün büyük tema değişikliği yapmak yerine doğrulanmış düzeltmeleri kontrollü yayınlayın. Ölçüm etiketleri ve onay yönetimi gibi işlevlerin çalışmaya devam ettiğini kontrol edin. Teknik hazırlığı stok, kampanya ve operasyon takvimiyle birleştirmek için Black Friday e-ticaret hazırlığı rehberinden yararlanabilirsiniz.
7. İyileştirmeleri doğrulayın ve kampanya boyunca izleyin
Yayın sonrası laboratuvar testini aynı koşullarda tekrarlayın; saha raporunun hemen tamamen değişmesini beklemeyin. Gerçek kullanıcılarla test ortamı arasındaki cihaz, bağlantı ve kullanım farkları sonuçları etkileyebilir. Sayfanın açıldıktan sonraki davranışlarını da kapsayan izleme kullanın. Saha ve laboratuvar verisi farkları
Kampanya sırasında şablon ve cihaz bazında eğilimleri takip edin. Bir sapma gördüğünüzde son değişiklikleri, etkilenen müşteri yolunu ve işlem hatalarını birlikte inceleyin. Performans değişimiyle satış değişimi aynı döneme denk gelse bile bunun tek başına neden-sonuç kanıtı olmadığını unutmayın.
Creamake’in analiz, strateji, uygulama ve raporlama yaklaşımı bu işi ekipler arasında takip edilebilir hâle getirmek için kullanılabilir. Örneğin, aynı ürün şablonundaki görsel yükleme sorunu bir kez çözüldüğünde ilgili URL’lerde doğrulama yapılır ve sonuç raporlanır. Teknik öncelikleri belirlerken teknik SEO hizmeti kapsamını değerlendirebilirsiniz.
Core Web Vitals kontrolünü kampanya öncesi tek seferlik puan ölçümüne indirgemeyin. Ana içeriğin görünmesini, etkileşimin tepki vermesini ve sayfanın kararlı kalmasını birlikte takip edin. İlk adım olarak en çok trafik alacak şablonlarınız için ölçüm tablosunu oluşturun.
Sıkça Sorulan Sorular
Lighthouse puanı 100 olduğunda Core Web Vitals kesin geçilir mi?
Hayır, laboratuvar puanı saha değerlendirmesiyle aynı şey değildir. Gerçek ziyaretçilerin cihazları, bağlantıları ve sayfayla etkileşimleri farklı sonuçlar üretebilir.
PageSpeed Insights neden INP verisi göstermiyor?
Yeterli gerçek kullanıcı etkileşim verisi bulunmaması olası nedenlerden biridir. Raporun URL veya origin kapsamını kontrol edin; boş alanı sıfır gecikme olarak yorumlamayın.
LCP ile sunucu yanıt süresi aynı mı?
Hayır, sunucu yanıt süresi LCP’ye katkıda bulunabilen aşamalardan biridir. LCP ayrıca ilgili içeriğin yüklenmesini ve görünür hâle gelmesini de kapsar.
Kampanya görselini değiştirdikten sonra yeniden test gerekir mi?
Evet, yeni görselin boyutu, yükleme önceliği ve sayfa yerleşimi sonuçları değiştirebilir. Özellikle mobilde kampanya bileşenleriyle birlikte yeniden doğrulama yapın.
Black Friday için yalnızca Core Web Vitals ölçümü yeterli mi?
Hayır, bu metrikler ödeme başarısı, stok doğruluğu veya sunucu kapasitesinin tamamını değerlendirmez. Alışveriş akışı ve yük testleriyle birlikte ele alınmalıdır.
