Ziyaretçi Sabırsızdır — Saniyeler Her Şeyi Değiştirir
Bir müşteri adayı sitenizi tıkladığında ne kadar bekler? Araştırmalar, kullanıcıların büyük çoğunluğunun yüklenmesi birkaç saniye süren siteleri terk ettiğini gösteriyor. Telefon bağlantısı zayıfsa bu süre daha da kısalıyor. İlk izlenim, kapıdan içeri adım atmadan önce oluşuyor. Siteniz yavaşsa o izlenim 'bu işletmeye güvenmiyorum' olabiliyor.
İyi kullanıcı deneyimi için LCP (en büyük içeriğin yüklenmesi) eşiği — web.dev Core Web Vitals standardı
web.dev — Core Web VitalsGoogle Neye Bakıyor? Core Web Vitals
Google, siteleri sıralarken kullanıcı deneyimini ölçen bir dizi metriği göz önünde bulunduruyor. Bunların en önemlisi 'Core Web Vitals' (temel web performans göstergeleri) olarak bilinen üç kriterdir. Teknik terimler kulağa karmaşık gelebilir ama bunları şöyle düşünebilirsiniz: siteniz ne kadar hızlı açılıyor, içerik yerli yerinde mi duruyor, yoksa kaymalar oluyor mu, ve tıklamalara ne kadar çabuk tepki veriyor?
- LCP (En Büyük İçerik Yüklenme Süresi): Sayfanın ana içeriği — büyük bir görsel ya da başlık — ne kadar sürede görünüyor? 2,5 saniyenin altı 'iyi' sayılıyor.
- CLS (Kümülatif Düzen Kayması): Sayfa yüklenirken butonlar ve metinler kayıyor mu? Yanlışlıkla yanlış yere tıklamak kullanıcıyı sinir ediyor ve Google bunu kötü deneyim olarak kaydediyor.
- INP (Etkileşime Tepki Süresi): Bir butona bastığınızda sayfa ne kadar çabuk tepki veriyor? 200 milisaniyenin altı 'iyi' kabul ediliyor.
Aramalar Artık Telefondan Geliyor
Türkiye'de internet kullanımının büyük çoğunluğu mobil cihazlar üzerinden gerçekleşiyor. Birisi 'yakınımdaki çiçekçi' ya da 'bursa muhasebe firması' diye arama yaptığında büyük ihtimalle elinde telefonu var. O telefonda siteniz bozuk görünüyorsa, butonlara basmak zorlaşıyorsa ya da yatay kaydırma çıkıyorsa o müşteri rakibinizin sitesine geçiyor. Üstelik Google, 'mobile-first indexing' (mobil öncelikli indeksleme) prensibini uyguluyor: sitenizin mobil versiyonunu masaüstü versiyonundan önce değerlendiriyor.
Responsive Tasarım: 'Her Ekrana Uyan' Yapı
Responsive (duyarlı) tasarım, sitenizin telefon, tablet ve masaüstü ekranlarına otomatik olarak uyum sağlaması demek. Ayrı bir 'm.siteniz.com' mobil versiyonu oluşturmanıza gerek kalmıyor; tek bir site tüm ekranlarda doğru görünüyor. Bu yaklaşım hem bakım kolaylığı hem de Google uyumluluğu açısından bugün endüstri standardı haline geldi.
- Görsel boyutları: Sıkıştırılmamış büyük görseller sayfa yüklemesini en çok yavaşlatan etkendir.
- Hosting kalitesi: Sunucunuzun fiziksel konumu ve kapasitesi, ilk byte'ın gelme süresini doğrudan etkiler.
- Gereksiz eklentiler ve kodlar: Çok sayıda eklenti/script sayfanın tarayıcıda işlenmesini yavaşlatır.
- Önbellek (cache) kullanımı: Daha önce ziyaret edilen sayfalar hızlı açılır; doğru önbellek ayarları bunu sağlar.
- Responsive CSS: Ekran boyutuna göre akışkan yerleşim sağlayan stil kuralları.
