Lansman Sayfasının Yükleme Hızını Optimize Etme
Kısaca: Sayfa Hızı Neden Lansmanınızın Başarısını Belirler
Lansmanınızın ilk saatlerinde ziyaretçi geldiğinde, sayfanız 3 saniyeden fazla yüklenmişse o kişi gitmişdir. Üstüne üstlük, Google ve diğer arama motorları yavaş sayfaları cezalandırır. İki yıl boyunca 30'dan fazla ürün lansmanında gördüm ki hızlı yüklenen sayfalar, yavaş sayfalardan %40 daha iyi konversiyon yapıyor. Sayfa hızı optimizasyonu, lansman öncesi yapabileceğiniz en pratikal investmentdir.
Görüntüler: Yükleme Hızının En Büyük Düşmanı
Lansmanınızın açılış sayfasında muhtemelen ürün fotoğrafı, demo videosu ve belki hero görseli var. Ben ilk lansmanımda 5 MB'lık görüntüler kullanmıştım ve sayfanın açılması 7 saniye almıştı. Şimdi ne yaptığımı söyleyeyim: her görüntüyü WebP formatına dönüştürüyorum ve boyutunu kısıyorum.
Nasıl yapılır? Önce görüntü boyutunu belirleyin. Hero görseline 1200x600 pixel yeterlidir, mobilde 600x300 yeterlidir. Sonra TinyPNG gibi ücretsiz araçları kullanarak sıkıştırın—kaliteyi korur, dosya boyutunu %50 azaltır. Bir adım daha ileri gitmek istiyorsanız WebP'ye dönüştürün. Bir görüntü 800 KB iken 150 KB'a düşürebilir.
Video ekliyorsanız YouTube veya Vimeo'ya yükleyin. Kendi sunucunuzdan çalıştırmayın. Gömülü videolar otomatik olarak ziyaretçinin bağlantı hızına uyum sağlar.
Gereksiz Kod ve Eklentileri Temizleyin
Lansmanınızdan önce website'inizin arka tarafında neler döndüğünü merak ettim. Chrome DevTools (sağ tıklama > Incele > Network sekmesi) açtığımda şaşırdım: hiç kullanmadığım üç farklı analitik script, 12 farklı font dosyası ve tanıdık olmayan birkaç iframe yüklüyordu.
Yapmanız gereken şu: Analytics, Facebook Pixel, Hotjar gibi araçları bilinçli seçin. Hepsi gerekli midir? Cevap genellikle hayırdır. Lansmanınızın ilk ayında çekirdek metrikler (ziyaret sayısı, tıklama oranı) yeterlidir. Fontlar konusunda da dikkatli olun—her ek font 50-100 ms yükleme gecikmesi ekler. Maksimum iki font seçin.
Eklentiler (plugin) ise kurşun mermisi değildir. Bir e-ticaret aracı eklentisi veya popup yazılımı, sayfayı önemli ölçüde yavaşlatabilir. Lansmanınızda gerçekten gerekli midir? Bekleme listesi oluşturma yöntemleri sayfasında yer alan bilgilere göre, basit bir e-posta formu da işinizi görebilir.
Sunucu Tarafı: Hosting ve CDN Seçimi
Lansmandan bir ay önce kötü hosting üzerinde çalışan bir sitede yaptığım test, sayfanın ilk yüklenmesinin 5 saniye sürdüğünü gösterdi. Hosting değiştirdikten sonra 1.8 saniyeye düştü. Bu, dünyadaki her ziyaretçi için böyle değildir—Hindistan'dan bir ziyaretçi 4 saniyeyi görürken, size yakın coğrafyada 500 ms görebilir.
Lansmanınız for uluslararası ziyaretçileri hedefliyorsa CDN (Content Delivery Network) kullanın. Cloudflare, AWS CloudFront gibi araçlar, içeriğinizi dünya çapında sunuculara dağıtır. Ziyaretçi en yakın sunucudan içerik alır. Lansmanınızın ilk haftasında CDN farkı belirgin olur.
Mobil Uyumluluğu Test Edin—Lansmandan Önce
Trafiğinizin %60-70'i mobil cihazlardan gelecektir. Lansmanınızın mobilde açılması masaüstünde açılmaktan 2-3 saniye daha uzun sürebilir. Google'ın Mobile-Friendly Test aracını (mobil uyumluluk testini) çalıştırın. Sayfanız mobilde de hızlı mı? Resimler telefon ekranına uygun mu? Yazı okunabilir mi?
Kendi telefonunuzda da test edin—3G bağlantısında bile açılıyor mu? Bu çoğu zaman göz ardı edilir ama lansmanınız başladığında bir çok kişi mobil ağ üzerinde olacaktır.
Sıkıştırma: GZIP Bir Mucizedir
Hosting kontrol panelinize (cPanel, Plesk vb.) giderek GZIP sıkıştırmasını etkinleştirin. Bu, sunucunuzun HTML, CSS ve JavaScript dosyalarını otomatik olarak sıkıştırmasını sağlar. Ziyaretçinin tarayıcısı bunları açar. Pratik fark: 150 KB CSS dosyası 35 KB'a düşer. Kurulumu 2 dakika alır, kazanım ise %60 hızlanma anlamına gelir.
Performans Kontrol Listesi: Lansmandan 48 Saat Önce
- PageSpeed Insights'ta sayfanızı kontrol edin (hedef: 90+)
- Tüm görüntüleri sıkıştırın ve boyutlandırın
- Gereksiz eklentileri devre dışı bırakın
- GZIP sıkıştırmasını etkinleştirin
- Masaüstü, tablet ve telefondan test edin
- 3G bağlantısında sayfayı açabildiğinizi doğrulayın
- CDN'yi denetleyin ve kaynaklarınızın doğru konumlanmış olduğundan emin olun
Sık Sorulan Sorular
Lansmanımız az coğrafyada hedefliyse CDN gerekli midir?
Türkiye, Avrupa veya Kuzey Amerika gibi tek bir bölgede hedefliyorsanız, iyi bir hosting yeterlidir. Ancak birden fazla kıtayı hedefliyorsanız CDN önemlidir. Cloudflare'ın ücretsiz versiyonu çoğu lansmanı destekler.
Sayfam yavaş mı, hızlı mı? Nasıl ölçerim?
Google PageSpeed Insights, GTmetrix veya WebPageTest kullanın. Hedef: mobilde 3 saniye, masaüstünde 1.5 saniye altında. Bu rakamlar uluslararası standartlardır.
Video eklersem sayfa hızı düşer mi?
YouTube veya Vimeo'ya yükledikten sonra gömülü hale getirirseniz, sayfa hızını önemli ölçüde etkilemez. Kendi sunucunuzda barındırırsanız evet, düşer.
Hızlı sayfa yaparsam lansmanım başarılı olur mu?
Gerekli ama yeterli değildir. Lansman sayfası yazımı, zaman planlaması ve sosyal medya duyurular da önemlidir. Ancak hızlı sayfa, konversiyon oranı farkını açıkça gösterir.