İşi Büyüt
Siteler5 min read

GHL Funnel Sayfa Hızı Düşük: Optimizasyon Rehberi

GoHighLevel funnel ve web siteleriniz yavaş mı yükleniyor? Sayfa hızını artıracak 12 optimizasyon tekniği ve pratik çözümler.

L
LeadBol

Funnel'ınız hazır ama yüklenme süresi 5+ saniye mi? Yavaş sayfalar hem kullanıcı deneyimini hem de dönüşüm oranlarını öldürür. Google araştırmasına göre sayfa yüklenme süresi 1 saniyeden 3 saniyeye çıktığında bounce rate %32 artıyor. Bu rehberde GHL funnel'larınızı nasıl hızlandıracağınızı öğreneceksiniz.

Sayfa Hızı Neden Önemli?

Yüklenme SüresiBounce Rate Artışı
1-3 saniye%32
1-5 saniye%90
1-6 saniye%106
1-10 saniye%123

Hedef: 3 saniyenin altında yüklenme süresi

Hız Testi Nasıl Yapılır?

1. Google PageSpeed Insights

  • pagespeed.web.dev
  • Hem mobil hem desktop skorları
  • Detaylı iyileştirme önerileri

2. GTmetrix

  • gtmetrix.com
  • Waterfall analizi
  • Görsel timeline

3. GHL Built-in Analytics

  • Funnel → Analytics
  • Page load time metrikleri

12 Optimizasyon Tekniği

1. Görsel Optimizasyonu

Sorun: Yüksek çözünürlüklü, sıkıştırılmamış görseller

Çözüm:

  1. Yükleme öncesi sıkıştırın:

    • tinypng.com veya squoosh.app kullanın
    • JPEG: %70-80 kalite yeterli
    • PNG: Gereksizse JPEG'e çevirin

  2. Doğru boyut kullanın:

    • 1920px genişliğinden fazla gereksiz
    • Hero image: max 1200px
    • Thumbnail: max 400px

  3. WebP formatı:

    • JPEG/PNG'den %25-35 daha küçük
    • Modern tarayıcılar destekliyor

GHL'de görsel yükleme:

  • Media Library → Upload
  • "Optimize on upload" seçeneği varsa aktif edin

2. Video Embedding Optimizasyonu

Sorun: YouTube/Vimeo embed'leri sayfa yüklenirken tüm kaynakları çekiyor.

Çözüm: Lazy Load / Facade Pattern

<!-- Kötü: Direkt embed -->
<iframe src="https://youtube.com/embed/xxx"></iframe>

<!-- İyi: Tıklanınca yükle -->
<div class="video-facade" onclick="loadVideo()">
  <img src="video-thumbnail.jpg" alt="Video">
  <span class="play-button">▶</span>
</div>

GHL'de:

  • Video element yerine image + custom code kullanın
  • Lite YouTube embed script'leri ekleyin

3. Font Optimizasyonu

Sorun: Custom fontlar sayfa yüklemesini geciktiriyor.

Çözüm:

  1. Font sayısını azaltın:

    • Max 2 font ailesi
    • Max 3-4 font ağırlığı

  2. System fonts kullanın:

    • -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto...
    • Sıfır yükleme süresi

  3. Font display: swap kullanın:

    • Custom code'a ekleyin:
    @font-face {
  font-family: 'CustomFont';
  font-display: swap;
}

4. Gereksiz Elementleri Kaldırın

Kontrol edin:

  • Kullanılmayan section'lar (hidden olsa bile yükleniyor)
  • Boş row ve column'lar
  • Gereksiz animation'lar

GHL'de:

  1. Funnel Builder'da her section'ı gözden geçirin
  2. Visibility: Hidden yerine tamamen silin
  3. Animasyonları sadece above-the-fold için kullanın

5. Third-Party Script'leri Azaltın

Yaygın suçlular:

  • Facebook Pixel
  • Google Analytics
  • Chat widget'ları
  • Hotjar/Crazy Egg
  • Intercom

Çözüm:

  1. Gerçekten gerekli mi?

    • Her script'in amacını sorgulayın

  2. Async/Defer kullanın:

    <script src="script.js" async></script>
<script src="script.js" defer></script>

  3. Google Tag Manager kullanın:

    • Tüm script'leri tek yerden yönetin
    • Trigger'larla gerektiğinde yükleyin

6. Lazy Loading Aktif Edin

GHL'de:

  • Images: Otomatik lazy load var mı kontrol edin
  • Below-the-fold içerikler: Scroll'da yüklensin

Manuel lazy loading:

<img src="placeholder.jpg" data-src="real-image.jpg" loading="lazy">

7. Above-the-Fold Önceliği

İlk görünen alanı (ekranın üst kısmı) öncelikli yükletin:

  1. Critical CSS inline yapın:

    • İlk ekran için gerekli CSS'i <head>'e koyun

  2. Hero image'ı preload edin:

    <link rel="preload" as="image" href="hero.jpg">

  3. Below-the-fold'u defer edin:

    • Video, slider, testimonial gibi öğeler sonra yüklensin

8. CDN Kullanımı

GHL varsayılan olarak CDN kullanır, ancak:

Custom domain kullanıyorsanız:

  • Cloudflare önüne koyun (ücretsiz)
  • Cache ayarlarını optimize edin

Cloudflare ayarları:

  • Cache Level: Standard
  • Browser Cache TTL: 1 month
  • Always Use HTTPS: On
  • Auto Minify: HTML, CSS, JS

9. CSS ve JavaScript Minification

GHL'de:

  • Platform otomatik minify yapıyor mu kontrol edin
  • Custom code ekliyorsanız minify edilmiş versiyonları kullanın

Online araçlar:

  • cssminifier.com
  • javascript-minifier.com

10. Form Optimizasyonu

Sorun: Karmaşık formlar yavaşlatıyor.

Çözüm:

  • Multi-step form yerine tek sayfa (mümkünse)
  • Dropdown yerine radio button (daha hızlı render)
  • Gereksiz validation'ları kaldırın

Sorun: Slider'lar çok kaynak tüketir.

Alternatifler:

  • Tek statik görsel
  • Grid layout
  • Tabs (kullanıcı tıklayınca yükle)

Slider kullanacaksanız:

  • Max 3-4 slide
  • Lazy load slides
  • Autoplay kapalı (veya yavaş)

12. Mobile Optimizasyonu

Mobil kullanıcılar genellikle daha yavaş bağlantıda:

  1. Responsive images:

    • Mobil için küçük versiyonlar

  2. Touch-friendly elementler:

    • Büyük butonlar = daha az JS

  3. AMP düşünün:

    • Çok hızlı mobil sayfalar
    • Ancak GHL native desteklemiyor
14 Gün Ücretsiz Deneme

Hızlı Funnel'lar ile Daha Fazla Dönüşüm

GHL'in optimize edilmiş altyapısını deneyin.

Özel Teklif: Birebir Danışmanlık

Benim linkimle kayıt olun, 3 ay boyunca haftalık Zoom görüşmeleriyle ajans deneyimimi sizinle paylaşayım.

Detayları öğrenin →
Tüm özellikler dahil
İstediğin zaman iptal
Ücretsiz danışmanlık

PageSpeed Skorunu Artırma Stratejisi

Adım 1: Baseline Ölçümü

  • Mevcut skoru kaydedin
  • Lighthouse raporunu indirin

Adım 2: En Büyük Sorunları Belirleyin

Lighthouse "Opportunities" bölümüne bakın:

  • Largest Contentful Paint (LCP)
  • First Input Delay (FID)
  • Cumulative Layout Shift (CLS)

Adım 3: Sırayla Düzeltin

  1. Görselleri optimize edin (en büyük etki)
  2. Third-party script'leri azaltın
  3. Above-the-fold'u önceliklendirin

Adım 4: Tekrar Test Edin

Her değişiklikten sonra test edin ve karşılaştırın.

Pratik Checklist

Funnel yayına almadan önce:

  • Tüm görseller sıkıştırıldı mı?
  • Video facade pattern uygulandı mı?
  • Gereksiz section'lar silindi mi?
  • Third-party script'ler minimize edildi mi?
  • Mobile test yapıldı mı?
  • PageSpeed skoru 70+ mü?
  • 3 saniye altında yükleniyor mu?

Sonuç

Sayfa hızı optimizasyonu tek seferlik değil, sürekli bir süreçtir. Her yeni element eklediğinizde performans etkisini düşünün. Hızlı sayfalar = mutlu kullanıcılar = daha yüksek dönüşüm.

GHL Destek

How to Create Funnels

GHL'in resmi dokümantasyonu.

Bu yazıyı faydalı buldunuz mu?

Paylaşarak başkalarının da faydalanmasını sağlayabilirsiniz

Funnel Optimizasyon Checklist

PDF formatında detaylı kontrol listesi.

Gizliliğinize saygı duyuyoruz. İstediğiniz zaman abonelikten çıkabilirsiniz.

#funnel#sayfa-hızı#optimizasyon#web-sitesi#performans
14 Gün Ücretsiz Deneme

14 Gün Ücretsiz Dene

Tüm pazarlama ve satış araçlarınızı tek bir platformda birleştirin.

Özel Teklif: Birebir Danışmanlık

Benim linkimle kayıt olun, 3 ay boyunca haftalık Zoom görüşmeleriyle ajans deneyimimi sizinle paylaşayım.

Detayları öğrenin →
Tüm özellikler dahil
İstediğin zaman iptal
Ücretsiz danışmanlık

Yorumlar

Yorum yapmak için giriş yapmanız gerekiyor.

Giriş Yap