Reklamlar Site Hızını Nasıl Etkiler? Core Web Vitals Rehberi

Yayıncıların en haklı endişesi budur: "Reklam koyarsam sitem yavaşlar, arama sıralamam düşer." Endişe yersiz değil — ama sorun reklamın kendisinde değil, nasıl yüklendiğindedir.

Core Web Vitals kısaca

1. CLS — en büyük ve en kolay çözülen sorun

Reklam yüklendiğinde içerik aşağı kayıyorsa CLS puanınız bozulur. Bu, reklamların site hızına verdiği en somut zarardır ve çözümü tek satırlıktır: alanın yüksekliğini baştan ayırın.

.reklam-alani {
  display: block;
  min-height: 250px;      /* 300x250 için */
  margin: 24px 0;
}

@media (max-width: 600px) {
  .reklam-alani { min-height: 100px; }   /* 320x100 için */
}

Reklam gelmese bile o boşluk orada durur. Okur için küçük bir boşluk, arama motoru için sıfır kayma.

Duyarlı (responsive) alanlarda yükseklik önceden bilinmiyorsa, en olası boyutun yüksekliğini varsayılan olarak ayırın. Sıfır yükseklikle başlayıp sonradan büyümek en kötü seçenektir.

2. LCP — betiğin bloke etmemesi

Klasik hata, reklam betiğini <head> içinde async olmadan çağırmaktır. Bu durumda tarayıcı sayfayı çizmeyi durdurup betiği indirmeyi bekler.

<!-- Yanlış: sayfa çizimini bloke eder -->
<script src="https://selfads.tr/ad.js"></script>

<!-- Doğru: paralel indirilir, çizimi durdurmaz -->
<script async src="https://selfads.tr/ad.js"></script>

selfads.tr'nin verdiği kodda async zaten vardır; kodu değiştirerek kaldırmayın.

3. Tembel yükleme — hem hız hem gelir

Sayfada beş reklam alanı varsa ve beşi de açılışta istek atıyorsa, tarayıcı beş ek ağ isteğiyle uğraşır. Oysa kullanıcı belki ilk ikisini bile görmeyecek.

selfads.tr etiketi alanı ekrana yaklaşana kadar hiç istek atmaz. Sonuç:

• Açılışta yalnızca ilk ekrandaki alan yüklenir — sayfa hızlı açılır.
• Görülmeyecek alan için gösterim oluşmaz — reklamveren memnun olur, teklifler yükselir.
• Ağ trafiği azalır — mobil kullanıcıda fark hissedilir.

4. Alan sayısı

Her reklam alanı ek bir ağ isteği ve ek bir iframe demektir. Sayfa başına 2–3 alan çoğu sitede hem hız hem gelir açısından en verimli aralıktır. Altı alanlı bir sayfa, üç alanlı sayfanın iki katı kazandırmaz ama iki katı yavaşlar.

5. Bağlantı ipuçları

Reklam sunucusuna DNS çözümlemesi ve TLS el sıkışması zaman alır. Bunu sayfanın erken evresinde başlatabilirsiniz:

<link rel="preconnect" href="https://selfads.tr">
<link rel="dns-prefetch" href="https://selfads.tr">

Bu iki satır <head> içine konur ve ilk reklam isteğinden birkaç yüz milisaniye kazandırır.

6. iframe yalıtımının faydası

selfads.tr kreatifleri iframe içinde sunar. Bunun performans açısından iki faydası vardır:

• Kreatifin CSS'i ve JavaScript'i sizin sayfanızın ana iş parçacığını meşgul edemez.
• Kötü yazılmış bir kreatif sayfanızın düzenini bozamaz.

Bedeli, iframe'in kendi belge yükü kadar küçük bir maliyettir — bu, güvenlik ve kararlılık karşılığında makul bir takastır.

Ölçme

Değişikliklerin işe yarayıp yaramadığını görmek için:

1. Gerçek kullanıcı verisi en güvenilir kaynaktır; tarayıcıdan toplanan alan verisine bakın.
2. Laboratuvar testinde reklamlı ve reklamsız sürümü aynı koşullarda karşılaştırın.
3. Mobilde ölçün. Masaüstünde fark edilmeyen gecikme mobilde belirgindir.
4. CLS'yi kaydırarak test edin. Sayfayı yavaşça aşağı kaydırın; içerik zıplıyorsa yükseklik ayrılmamıştır.

Hız ile gelir arasındaki gerçek denge

"Reklamı kaldırırsam sitem hızlanır" doğrudur ama gelir sıfırlanır. Doğru soru şudur: her ek reklam alanı, getirdiği gelire değecek kadar az mı yavaşlatıyor?

Pratik cevap genellikle şudur: doğru yüklenen 2–3 alan, hız üzerinde fark edilebilir bir etki bırakmadan anlamlı gelir üretir. Bu sayının üstüne çıktıkça hem hız hem gelir bozulmaya başlar.

Kontrol listesi

• Betik async mı?
• Alan yükseklikleri CSS ile sabitlendi mi?
• Tembel yükleme devrede mi?
• Sayfa başına alan sayısı 3'ü geçiyor mu?
• preconnect eklendi mi?
• Mobil şablonda kendi boyutuna uygun alan var mı?