CRO Partner Network
À propos de Varify.io
Contacter Varify.io
Blog
Webinars Live
Témoignages
Jeu de cartes
Varify.io
FonctionsTarifsPour les agencesEssayer gratuitement
Demander une démo

Titremeyen, düzen kayması olmayan ve Core Web Vitals'ı etkilemeyen A/B testing

Niko Kerter
Niko Kerter
·Mayıs 2026 güncellemesi
11,5 KB script
30ms altında titremez koruma
Sıfır CLS etkisi
LCP bozulması yok
Ana Noktalar
  • A/B testing'deki titreme etkisi (FOOC) sonuçları yanlış yönlendirir ve kullanıcı deneyimini bozar
  • Test araçlarının çoğu 50-200 KB JavaScript ekler — Varify scripti sadece 11,5 KB
  • Varify varyantları görsel render öncesi uygular (30ms altında) — ziyaretçiler orijinali asla görmez
  • Core Web Vitals üzerinde sıfır etki: CLS artışı yok, LCP bozulması yok, INP cezası yok

Titreme etkisi — Flash of Original Content (FOOC) olarak da bilinir — A/B testing'deki en görünür hata türüdür. Ziyaretçiler varyant yüklenmeden önce kısaca orijinal sayfayı görür, bu da test sonuçlarını yanlış yönlendiren ve kullanıcı deneyimini bozan sekmenli görsel atlama yaratır. Yakından ilişkili: Cumulative Layout Shift (CLS), A/B testing değişikliklerinin sayfa öğelerinin yükleme sonrası atlamasına neden olarak Core Web Vitals puanlarınıza doğrudan zarar vermesi.

Varify.io performans odaklı mimariyle ikisini de çözer: sayfanın görsel render öncesi varyantları uygulayan (30ms altında) 11,5 KB script, sıfır düzen kayması ve LCP veya INP üzerinde ölçülebilir etki yok. Bağlam için: Google Optimize (şimdi durduruldu) benzer performans özelliklerine sahipti — Varify bu standardı korurken görsel editör, GA4/BigQuery entegrasyonu ve cookie-less testler ekler.

Titreme ve düzen kayması neden A/B testing'i mahveder

Titreme etkisi (FOOC)

Bir test aracı sayfa render sonrası yüklendiğinde, ziyaretçiler varyant görünmeden önce 100-500ms boyunca orijinal versiyonu görür. Bu "flash" gözlem yanlılığı yaratır: ziyaretçiler değişimi fark eder, bu da sadece varyantı görmüş olmalarından farklı şekilde davranışlarını etkiler. Testiniz değişimin etkisini ARTI değişimin gerçekleştiğini görmenin etkisini ölçer — sonuçları kirletir.

Cumulative Layout Shift (CLS)

Öğe boyutlarını değiştiren, içerik ekleyen/çıkaran veya sayfa yükleme sonrası görselleri değiştiren A/B testing modifikasyonları düzen kaymalarına neden olur. Google CLS'yi Core Web Vital olarak ölçer — 0,1 üzeri puanlar "iyileştirme gerekli" olarak sınıflandırılır. Kötü implement edilmiş A/B testing, testteki her ziyaretçi için CLS'yi "iyi"den "kötü"ye çevirebilir.

LCP ve sayfa hızı

Ağır test scriptleri Largest Contentful Paint'i (LCP) geciktirir. Senkron yüklenen 150 KB test scripti LCP'ye 200-500ms ekleyebilir — dönüşüm oranlarını ölçülebilir şekilde düşürmeye yeter. İroni: dönüşümleri iyileştirmesi gereken araç onlara aktif olarak zarar verir.

Script boyutu ve performans karşılaştırması

AraçScript boyutuTitremez korumaCLS etkisiLCP etkisi
Varify.io11,5 KB 30ms altındaHiçbiriİhmal edilebilir
VWO SmartCode~80-120 KBOlasıOrta
Optimizely~50-150 KB*OlasıOrta-Yüksek
Convert~40-80 KBMinimalDüşük-Orta
Google Optimize~10 KB (durduruldu)Hiçbiriİhmal edilebilir

*Optimizely script boyutu aktif deney sayısına göre değişir. Kaynak: Claude Research, May 1, 2026

Varify'ın 11,5 KB'ı durdurulmuş Google Optimize ile karşılaştırılabilir — ve VWO veya Optimizely'den 5-10× daha hafif. Tam araç karşılaştırması için Avrupa SME araçları kılavuzumuza bakın.

Varify titreme ve düzen kaymasını nasıl önler

Head'de senkron yükleme

Varify scripti <head> bölümünde senkron yüklenir — body içeriği render öncesi. Bu, varyant modifikasyonlarının first paint öncesi uygulanmasını garanti eder. Ziyaretçiler asla orijinal versiyonu görmez.

Render öncesi varyant uygulaması

Script aktif deneyleri tanımlar, ziyaretçinin varyant atanmasını belirler (localStorage'dan) ve CSS/JS modifikasyonlarını 30ms altında uygular. Tüm değişiklikler tarayıcının ilk anlamlı paint'inden önce yerinde olur.

DOM reflow yok

Varify modifikasyonları DOM reflow tetiklemeyen CSS sınıfı enjeksiyonu ve stil yeniden yazma yoluyla uygular. Öğe görünürlüğü, metin değişiklikleri ve stil modifikasyonları düzen yeniden hesaplaması yapmadan gerçekleşir — test CLS'sini ortadan kaldırır.

Önbelleklenmiş varyant atamaları

Varyant atamaları ilk ziyarette localStorage'da saklanır. Sonraki sayfa yüklemelerinde atama önbellekten okunur (1ms altında) — sunucu gidiş-gelişi yok, atama gecikmesi yok, dönüş ziyaretlerinde titreme yok.

Ziyaretçileriniz için görünmez A/B testing.

11,5 KB. 30ms altında render. Sıfır titreme. Sıfır düzen kayması. Ayda 149€'dan başlayan fiyatlar.

Ücretsiz denemenizi başlatın30 günlük ücretsiz deneme

A/B testing aracınızın performans etkisini nasıl doğrularsınız

Vendor iddialarına güvenmeyin — kendiniz ölçün:

  1. Lighthouse auditi çalıştırın test scripti aktif olan ve olmayan durumda. LCP, CLS ve Total Blocking Time'ı karşılaştırın.
  2. Chrome DevTools Performance sekmesini kullanın script yüklemeyle First Paint zamanlamasını ölçmek için. DOMContentLoaded ve First Paint arasındaki gecikmeleri arayın.
  3. CrUX verilerini kontrol edin (Chrome User Experience Report) Search Console'da test aracını kurduktan sonra. Core Web Vitals'ı kurulum öncesi ve sonrası 28 gün boyunca karşılaştırın.
  4. WebPageTest çalıştırın titremeyi görsel olarak doğrulamak için filmstrip görünümüyle. Filmstrip kare kare render gösterir — herhangi bir orijinal içerik flash'ı hemen görünür.

Varify dört ölçümde de sürekli ihmal edilebilir etki gösterir. Sitenizde denemek için fiyatlandırmaya bakın.


Niko Kerter
Niko Kerter
Varify.io CRO Uzmanı
Makaleyi paylaş!

A/B testing performansı hakkında sık sorulan sorular

A/B testing'de titreme etkisine ne sebep olur?

Titreme, test aracının JavaScript'i sayfa render SONRASI yüklendiğinde oluşur. Tarayıcı önce orijinal içeriği gösterir, sonra test scripti modifikasyonları uygular — görünür flash yaratır. Head'de senkron yükleme yapan araçlar (Varify gibi) değişiklikleri first paint öncesi uygulayarak bunu önler.

A/B testing Google sıralamamı etkileyebilir mi?

Test aracı CLS veya LCP'yi önemli ölçüde artırırsa, evet — Core Web Vitals sıralama faktörüdür. Sayfa render'ını geciktiren ağır test scripti (100+ KB) CLS ve LCP'nizi 'iyileştirme gerekli' bölgesine taşıyabilir. Varify gibi hafif araçların (11,5 KB) Core Web Vitals üzerinde ihmal edilebilir etkisi vardır.

A/B testing için asenkron script yükleme senkrondan daha mı iyi?

A/B testing için senkron yükleme aslında daha iyidir — sezgiye aykırı olarak. Asenkron yükleme sayfanın test scripti yüklenmeden render olmasına izin verir, titremeye neden olur. Head'de senkron yükleme render'ı kısaca engeller (Varify için 30ms) ama varyantın ziyaretçi herhangi bir şey görmeden uygulanmasını garanti eder. 30ms gecikme fark edilmez; asenkron yüklemedeki titreme fark edilir.

Varify performans açısından (şimdi durdurulmuş) Google Optimize ile nasıl karşılaştırılır?

Çok benzer. Google Optimize ~10 KB'tı, Varify 11,5 KB. İkisi de head'de senkron yükleme ve render öncesi varyant uygulaması kullanır. Varify, Google Optimize'da eksik olan özellikleri (görsel editör, BigQuery, Matomo desteği, cookie-less mimari) aynı performans profilini koruyarak ekler. Google Optimize'dan geçiş yaptıysanız, özel geçiş kılavuzumuza bakın.

Bekleyin — Uplift Zamanı

Güçlü CRO İçgörülerimizi her ay ücretsiz alın.

Spam yok. İstediğiniz zaman abonelikten çıkın.