Web Performansının Temelleri: Hız, Core Web Vitals ve Kullanıcı

Kullanıcı sabırsızdır. Bir sayfa birkaç saniyede açılmazsa, çoğu ziyaretçi geri tuşuna basıp gider. Bu, yalnızca bir kullanıcı deneyimi meselesi değil; doğrudan gelir kaybıdır. Yapılan sayısız araştırma, sayfa yükleme süresindeki her ek saniyenin dönüşüm oranını düşürdüğünü ve terk oranını yükselttiğini gösteriyor. Web performansı, bir sitenin "olsa iyi olur" özelliği değil, ticari başarısının temel bir bileşenidir. Bu yazıda yükleme hızını neyin belirlediğini, Google'ın Core Web Vitals ölçütlerini ve performansı somut olarak nasıl iyileştireceğinizi ele alacağız.

Neden Hız Bu Kadar Önemli?

Performansın önemi üç ayrı cephede kendini gösterir:

• Kullanıcı deneyimi: Hızlı site güven verir; yavaş site sabrı tüketir ve terk edilir.
• Dönüşüm ve gelir: Özellikle e-ticarette, hız ile satış arasında doğrudan bir ilişki vardır.
• Arama motoru sıralaması: Google, sayfa deneyimini bir sıralama sinyali olarak kullanır.

Hız, bir sitenin görünmez tasarımıdır. Kullanıcı onu fark etmez; ama yokluğunu her saniye hisseder ve genellikle sessizce terk eder.

Core Web Vitals: Deneyimi Ölçmek

Google, kullanıcı deneyimini nesnel biçimde ölçmek için Core Web Vitals adı verilen üç temel ölçüt tanımladı. Bunlar sayfanın hızını, tepkiselliğini ve görsel kararlılığını ölçer:

1. LCP (Largest Contentful Paint): En büyük içeriğin ne kadar hızlı göründüğü. Sayfanın "yüklendi" hissini verir. İyi değer 2,5 saniyenin altıdır.
2. CLS (Cumulative Layout Shift): Düzenin ne kadar kaydığı. İçerik yüklenirken zıplayan bir sayfa, kullanıcıyı yanlış yere tıklatır. Düşük değer iyidir.
3. INP (Interaction to Next Paint): Sayfanın etkileşime ne kadar hızlı yanıt verdiği. Tıklama sonrası donma hissini ölçer.

Bu ölçütlerin güzelliği, soyut "hızlı olsun" isteğini somut, ölçülebilir hedeflere dönüştürmesidir. Böylece performansı hissiyata göre değil, verilere göre yönetebilirsiniz.

Yükleme Hızını Ne Belirler?

Bir sayfa açılırken tarayıcı çok sayıda işi sırayla yapar: sunucudan yanıt bekler, HTML'i ayrıştırır, CSS ve JavaScript indirir, görselleri yükler. Bu zincirdeki her halka bir gecikme kaynağıdır. Performansı iyileştirmek, bu zinciri kısaltmak ve hafifletmektir.

Görseller: En Sık Suçlu

Sayfa ağırlığının büyük kısmı çoğu zaman görsellerdir. İyileştirme için:

• Doğru boyutta görsel sunun; 2000 piksellik bir resmi 400 piksellik alana koymayın.
• Modern biçimler (WebP, AVIF) kullanarak dosya boyutunu düşürün.
• Ekran dışındaki görselleri geç yükleyin (lazy loading).

JavaScript ve CSS

Ağır JavaScript, tarayıcıyı meşgul ederek sayfanın etkileşime hazır olmasını geciktirir. Gereksiz kütüphaneleri kaldırmak, kodu bölmek (code splitting) ve kritik olmayan betikleri ertelemek büyük fark yaratır. CSS tarafında ise "kritik CSS"i öne alıp gerisini ertelemek, ilk görüntülenmeyi hızlandırır.

<!-- Görseli geç yükle -->
<img src="urun.webp" loading="lazy" width="400" height="300" alt="Ürün">

<!-- Kritik olmayan betiği ertele -->
<script src="analiz.js" defer></script>

Önbellekleme ve Sunucu Tarafı

Performansın büyük bir kısmı henüz kod bile çalışmadan, sunucu ve ağ katmanında kazanılır veya kaybedilir. Önbellekleme (caching), aynı işi tekrar tekrar yapmamanın en güçlü aracıdır:

• Tarayıcı önbelleği: Değişmeyen dosyaları kullanıcının cihazında tutar; tekrar ziyaretler ışık hızında olur.
• CDN (İçerik Dağıtım Ağı): Dosyaları kullanıcıya coğrafi olarak yakın sunuculardan verir.
• Sunucu tarafı önbellek: Sık istenen sorgu ve sayfaları hazır tutarak veritabanı yükünü azaltır.

Özellikle veritabanı ağırlıklı bir e-ticaret sitesinde, doğru kurulmuş bir önbellekleme stratejisi, sayfa yükleme süresini kat kat düşürebilir.

Ölçmeden İyileştirilmez

Performans iyileştirmesinin en önemli kuralı, tahminle değil ölçümle çalışmaktır. Tarayıcı geliştirici araçları, Lighthouse gibi denetim araçları ve gerçek kullanıcı ölçümleri (RUM), sorunun tam olarak nerede olduğunu gösterir. "Yavaş" belirsiz bir şikâyettir; "LCP 4,2 saniye ve nedeni yüklenmeyen ana görsel" ise çözülebilir bir problemdir.

Berasoft'ta geliştirdiğimiz projelerde performansı baştan bir tasarım kısıtı olarak ele alıyoruz; sonradan yapıştırılacak bir yama olarak değil. Çünkü hız, mimariye baştan yerleştirildiğinde neredeyse bedavayken, sonradan kazanmak çok daha pahalıya mal olur. Sitenizin hızını ciddi biçimde ölçüp iyileştirmek isterseniz bizimle iletişime geçebilirsiniz.

Sonuç

Web performansı, kullanıcının sabrıyla ticari başarının kesiştiği noktadır. Core Web Vitals ile deneyimi ölçmek, görselleri ve betikleri hafifletmek, önbelleklemeyi akıllıca kurmak ve her şeyi ölçüme dayandırmak; bunların hepsi bir araya geldiğinde hem kullanıcıyı memnun eden hem de arama motorlarının ödüllendirdiği bir site ortaya çıkar. Hız, göze görünmeyen ama her ziyaretçinin hissettiği bir kalite işaretidir. Onu ihmal eden site, kullanıcısını sessizce ama sürekli kaybeder.