Reklama bütçe ayırıyorsunuz, sosyal medyada düzenli içerik paylaşıyorsunuz ama siteye gelen ziyaretçi sayfa açılmadan geri dönüyor. Sahada en sık gördüğümüz sessiz kayıp tam olarak bu. "Web sitesi hızı nasıl artırılır" sorusu teknik bir merak değil, doğrudan satışla ilgili bir soru; çünkü yavaş açılan bir sayfa hem Google sıralamasını hem reklam maliyetini hem de müşterinin sabrını aynı anda etkiliyor. Bu yazıda, kendi projelerimizde uyguladığımız 10 pratik iyileştirmeyi, teknik bilgisi olmayan bir işletme sahibinin de takip edebileceği sadelikte anlatıyoruz.
Önce Ölçün: Hız Sorunu Nerede?
Tahminle iyileştirme yapılmaz. Google'ın ücretsiz PageSpeed Insights aracına sitenizin adresini yazın; hem mobil hem masaüstü için puan ve "neyi düzeltmelisiniz" listesi alırsınız. Özellikle LCP (en büyük içeriğin görünme süresi), CLS (sayfa kayması) ve INP (etkileşim gecikmesi) değerlerine bakın. Bu üç metrik Google'ın Core Web Vitals adını verdiği ve sıralamada dikkate aldığı ölçütlerdir. Ölçümü mobilde yapın; ziyaretçilerin çoğunluğu telefondan geliyor ve mobil puan çoğunlukla masaüstünden çok daha düşük çıkıyor.
Web Sitesi Hızı Nasıl Artırılır: Görsellerden Başlayın
1. Görselleri sıkıştırın ve yeniden boyutlandırın. Sitelerin büyük kısmında yavaşlığın ana nedeni 4-5 MB'lık fotoğrafların olduğu gibi yüklenmesidir. Bir ürün fotoğrafının ekranda 800 piksel genişliğinde görünecekse 4000 piksel olarak yüklenmesine gerek yok. Çekimden gelen ham kareleri web için ayrı ayrı küçültüp sıkıştırın; çoğu görselde dosya boyutu onda birine iner ve gözle görülür kalite kaybı olmaz.
2. WebP veya AVIF formatına geçin. JPEG ve PNG yerine bu yeni formatlar aynı görüntü kalitesini çok daha küçük dosyalarla sunar. WordPress'te bunu otomatik yapan eklentiler var; özel kodlanmış sitelerde geliştiriciniz birkaç saatte dönüşümü ayarlayabilir.
3. Görselleri tembel yükleyin (lazy load). Ziyaretçi sayfanın en altındaki görselleri henüz görmüyorsa tarayıcının onları baştan indirmesine gerek yok. Tek bir HTML özelliği ile sadece ekrana gelen görseller yüklenir ve ilk açılış belirgin biçimde hızlanır.
Hosting ve Sunucu Tarafı
4. Hosting'inizi gözden geçirin. Yıllık birkaç yüz liraya alınan paylaşımlı hosting paketleri onlarca siteyle aynı sunucuyu paylaşır. Trafik arttığında ilk yavaşlayan yer burasıdır. Sunucu yanıt süresi (TTFB) sürekli 600 ms üzerindeyse sorun büyük ihtimalle kodda değil, sunucudadır. Hosting seçimi hakkında ayrıntı için alan adı ve hosting seçimi rehberimize göz atabilirsiniz.
5. Önbellek (cache) kullanın. Sayfa her ziyaretçi için sıfırdan üretilmek zorunda değil. Sunucu tarafı önbellek, hazır sayfayı saklar ve tekrar isteyene anında verir. WordPress için bir önbellek eklentisi, özel sitelerde ise sunucu ayarı bu işi görür. Tek başına bu adım çoğu sitede açılış süresini yarıya indirir.
6. CDN ekleyin. İçerik dağıtım ağı, sitenizin dosyalarını dünyanın farklı noktalarındaki sunuculara kopyalar; ziyaretçi en yakın noktadan alır. Türkiye'deki müşteriye hizmet veren bir işletme için bile fayda sağlar, çünkü statik dosyaların yükü ana sunucudan alınmış olur.
Kod ve Eklenti Temizliği
7. Gereksiz eklentileri ve scriptleri kaldırın. Yıllar içinde eklenen sohbet balonu, üç ayrı analiz aracı, kullanılmayan slider eklentisi... Her biri sayfaya birkaç yüz kilobayt kod ekler. Altı ayda bir siteye bakıp "bunu gerçekten kullanıyor muyuz" sorusunu sorun. Kaldırdığınız her script sayfayı hafifletir.
8. CSS ve JavaScript dosyalarını küçültün ve ertelenmiş yükleyin. Kod dosyalarındaki boşluklar ve yorum satırları temizlenince dosya boyutu düşer. Sayfanın ilk görünümü için gerekmeyen scriptlerin "defer" ile sonradan yüklenmesi ise ekrana içeriğin daha erken gelmesini sağlar.
9. Yazı tiplerini sadeleştirin. Beş farklı Google Font ve her birinin dört kalınlığı yükleniyorsa sadece yazı tipi için yarım megabayt harcıyorsunuz demektir. Marka kimliğinizde iki yazı tipi ve en fazla üç kalınlık genellikle yeterlidir.
Sayfa Kaymasını Önleyin
10. Görsel ve reklam alanlarına sabit boyut verin. Sayfa açılırken içeriğin aşağı kayması, ziyaretçinin yanlış yere tıklamasına yol açar ve CLS puanınızı düşürür. Her görselin genişlik ve yükseklik değerinin HTML'de tanımlı olması, yükleme sırasında yer ayrılmasını sağlar. Küçük ama etkisi büyük bir ayrıntıdır.
Hız Bir Kez Yapılıp Bitmez
Bugün 90 puan alan bir site, altı ay sonra eklenen yeni görseller, eklentiler ve kampanya sayfalarıyla 60'a düşebilir. Bu yüzden hız kontrolünü aylık bakım rutininize ekleyin. Hangi kontrollerin yapılması gerektiğini web sitesi bakımı yazımızda listeledik. Yeni bir kampanya sayfası açmadan önce de mutlaka mobil hız testi yapın; reklam bütçesi yavaş bir sayfaya akıtılmamalı.
Sitenizin hız raporunu birlikte okumak ve hangi adımların sizin için öncelikli olduğunu belirlemek isterseniz FG Prodüksiyon olarak İstanbul, İzmir ve Ankara'daki işletmelere web tasarım ve teknik iyileştirme desteği veriyoruz. İletişim sayfamızdan site adresinizi paylaşın, 24 saat içinde size somut bir değerlendirme ve teklif iletelim.