Teknik

Web Sitesi Hızlandırma: Saniyelerin Fiyatı

Mustafa Arslan Özçelik

Mustafa Arslan Özçelik

- 8 dk okuma

Hızın Doğrudan Fiyatı Var

Site hızı bir konfor meselesi değil, bir gelir meselesi. Sektörde yaygın kabul gören ölçümlere göre iki saniyeyi aşan her ek saniye dönüşüm oranını belirgin biçimde düşürür. Sekiz saniyede açılan bir sitede ziyaretçilerin önemli bir bölümü içeriği hiç görmeden ayrılır.

Reklam veriyorsanız fatura ikiye katlanır: tıklama başına ödediğiniz para, açılmayan bir sayfaya harcanır. Yani yavaş site hem organik trafiği hem reklam bütçesini yakar.

Google tarafında da hız bir sıralama sinyalidir. Ama sıralamayı bir kenara bırakın; asıl kayıp, sayfayı görmeden çıkan ziyaretçidir.

Önce Ölçün

Tahmin etmeyin. Üç ücretsiz araç yeterli:

PageSpeed Insights: Google'ın kendi aracı. Mobil sekmesine bakın, masaüstüne değil. Masaüstü skoru neredeyse her zaman daha iyidir ve sizi yanıltır.

Kendi telefonunuz, mobil veriyle: ofis wifi'ında her site hızlıdır. Gerçek koşul, hareket hâlindeki bir kullanıcının mobil bağlantısıdır.

Search Console → Core Web Vitals: gerçek ziyaretçilerinizin yaşadığı deneyimi gösterir. Laboratuvar testinden daha değerlidir çünkü gerçek veridir.

Bakacağınız üç metrik:

  • LCP: sayfanın en büyük öğesinin görünme süresi. 2,5 saniyenin altı iyi.
  • INP: bir tıklamaya sayfanın ne kadar sürede tepki verdiği. 200 milisaniyenin altı iyi.
  • CLS: sayfa yüklenirken içeriğin zıplaması. 0,1'in altı iyi.

Üçüncüsü sık gözden kaçar ama en sinir bozucu olanıdır: tam bir butona basacakken sayfanın kayması yüzünden yanlış yere tıklamak, kullanıcıyı doğrudan kaybettirir.

Hızı Düşüren Şeyler, Etki Sırasına Göre

1. Görseller (neredeyse her zaman birinci sebep)

İncelediğimiz yavaş sitelerin çoğunda tek sorun budur. Fotoğraf makinesinden veya telefondan çıkan görsel doğrudan siteye yüklenir; 4 MB'lık bir dosya, 300 piksel genişliğinde gösterilir.

Yapılacaklar:

  • Görselleri kullanılacakları boyuta indirin. 1920 pikselden geniş görsele çoğu sitede gerek yoktur.
  • WebP veya AVIF formatına geçin. Aynı görsel, gözle görülür kayıp olmadan çok daha küçük olur.
  • Ekranda görünmeyen görselleri geç yükleyin ("loading=lazy").
  • Her görsele genişlik ve yükseklik verin. Bu, sayfanın zıplamasını (CLS) engeller.

Bu maddeyi tek başına düzeltmek çoğu sitede saniyeler kazandırır ve teknik bilgi gerektirmez.

2. Gereksiz eklenti ve script yığını

Her eklenti sitenize kod ekler ve bu kod, kullanılmadığı sayfalarda bile yüklenir. Bir sayfada kullanılan iletişim formu eklentisi, genellikle tüm sayfalarda çalışır.

Yapılacaklar:

  • Eklenti listenizi açın, son altı ayda işlevini kullanmadığınız her şeyi kaldırın.
  • Aynı işi yapan iki eklenti varsa birini silin.
  • Sosyal medya widget'ları, sohbet balonları ve harita gömüleri ağırdır. Gerçekten değer üretiyorlar mı diye sorun; üretmiyorsa kaldırın.

3. Yazı tipleri

Beş farklı font ailesi ve her birinin altı kalınlığı yüklenmesi yaygın bir hatadır. İki font ailesi ve kullandığınız kalınlıklar yeterlidir.

"font-display: swap" kullanın; yazı tipi yüklenene kadar metin görünmez kalmaz, yedek fontla görünür.

4. Hosting

Ucuz paylaşımlı hosting, aynı sunucuda yüzlerce siteyle kaynak paylaşır. Komşu sitelerden biri yoğunlaştığında sizinki yavaşlar.

Sunucunun coğrafi konumu da önemlidir: müşterileriniz Türkiye'deyse sunucunun da yakın bir bölgede olması gecikmeyi düşürür.

Bu maddede tasarruf etmeyin. Aylık birkaç yüz liralık fark, kaybedilen tek bir müşteriden ucuzdur.

5. Önbellekleme ve sıkıştırma

Sunucu tarafında etkinleştirilmesi gereken, bir kez yapılıp unutulan ayarlar: Gzip veya Brotli sıkıştırma, tarayıcı önbelleği, statik dosyalar için uzun süreli saklama.

CDN kullanmak da ölçülebilir fayda sağlar, özellikle farklı şehir ve ülkelerden ziyaretçi alıyorsanız.

Kendiniz Yapabilecekleriniz

Teknik bilgi gerektirmeyen, bugün yapılabilecekler:

1. Görselleri küçültüp yeniden yükleyin.

2. Kullanmadığınız eklentileri kaldırın.

3. Font sayısını ikiye indirin.

4. Otomatik oynayan video veya arka plan videosunu kaldırın.

5. Sohbet balonu, harita gömüsü gibi üçüncü taraf widget'ları gözden geçirin.

Bu beşi çoğu sitede skoru gözle görülür biçimde yükseltir.

Geliştirici Gerektirenler

Bir noktadan sonra kod tarafına inmek gerekir:

  • Kullanılmayan CSS ve JavaScript'in temizlenmesi
  • Kritik CSS'in satır içine alınması
  • Sunucu tarafı render veya statik üretim
  • Veritabanı sorgularının optimize edilmesi
  • Görsellerin otomatik olarak modern formata dönüştürülmesi

Bu işler günler sürer, aylar değil. Ve genellikle "yeni site" gerektirmez: mevcut site üzerinde yapılabilir.

Ne Zaman Yeni Site Gerekir?

Dürüst cevap: sandığınızdan daha az.

Çoğu yavaş site optimize edilebilir. Yeni site şu durumlarda gerekir:

  • Altyapı artık desteklenmiyorsa (çok eski bir sistem)
  • Tema o kadar ağırsa ki temizlemek yeniden yazmaktan pahalıysa
  • Zaten tasarım ve içerik de değişecekse, bu durumda hızı ayrıca ele almak yerine baştan doğru kurmak mantıklıdır

"Siteniz yavaş, yenisini yapalım" diyen bir teklif alırsanız önce optimizasyonun neden yetmeyeceğini sorun. Cevap ikna edici değilse ikinci bir görüş alın.

Hızın Size Ne Kaybettirdiğini Görmek İsterseniz

Kayıp hesaplayıcımıza sitenizin açılma süresini, aylık ziyaretçi sayınızı ve ortalama müşteri değerinizi girin. Yalnızca hızdan kaynaklanan kaybın aylık ve yıllık karşılığını TL olarak görün.

[Kayıp müşteri hesaplayıcısını açın](/araclar/kayip-musteri-hesaplayici)

Sitenizi elden geçirmemizi isterseniz [ücretsiz analiz](/ucretsiz-analiz) talebi bırakın; hız raporunu da içeren önceliklendirilmiş bir liste çıkarıyoruz.

Mustafa Arslan Özçelik

Projenizi konuşalim

Bu yazida anlatilanlar hakkinda sorulariniz mi var? Ya da projenize baslamak mi istiyorsunuz? Hemen yazin.