Hız, tasarım tercihlerinden biri değil; ziyaretçinin sayfayı görüp görmemesini belirleyen şey. Mobil bağlantıda üç saniyeden uzun süren bir açılışta ziyaretçilerin önemli bir kısmı sayfa yüklenmeden geri dönüyor. Bu, reklam verdiğiniz durumda doğrudan boşa harcanan bütçe demek: tıklamanın parasını ödüyorsunuz ama sayfa açılmadığı için dönüşüm şansı hiç doğmuyor.
Google’ın baktığı üç ölçüt
Google, sayfa deneyimini üç ölçütle değerlendiriyor. Bunlara Core Web Vitals deniyor ve her birinin net bir eşiği var:
| Ölçüt | Ne ölçer | İyi kabul edilen |
|---|---|---|
| LCP | En büyük içeriğin görünme süresi | 2,5 saniyenin altı |
| INP | Etkileşime verilen yanıt süresi | 200 ms’nin altı |
| CLS | Yükleme sırasındaki düzen kayması | 0,1’in altı |
Bu eşikler mobil bağlantı ve orta seviye telefon varsayımıyla ölçülüyor. Kendi sitenizi ofisteki fiber bağlantıyla açıp “gayet hızlı” demek yanıltıcı olur; ölçümü mobil profille yapmak gerekiyor.
Hızı gerçekten düşüren şeyler
Deneyimimizde yavaş sitelerin çoğunda sorun aynı birkaç yerden çıkıyor:
- Boyutu düşürülmemiş görseller. 3000 piksel genişliğinde bir fotoğrafı 400 piksellik bir alana koymak, ziyaretçiye gereksiz megabaytlar indirtiyor. Görseller kullanılacakları boyutta ve WebP/AVIF formatında üretilmeli.
- Boyutu belirtilmemiş görseller. Genişlik ve yükseklik yazılmadığında tarayıcı yer ayıramıyor; görsel gelince içerik aşağı kayıyor ve CLS bozuluyor.
- Üçüncü parti script yığını. Her sohbet aracı, ısı haritası ve piksel ayrı bir bağlantı ve ayrı bir JavaScript yükü. Gerçekten kullanılmayanların kaldırılması genelde en hızlı kazancı veriyor.
- Dışarıdan yüklenen fontlar. Font CDN’i ek DNS ve TLS el sıkışması demek. Fontları kendi sunucunuzdan servis etmek metnin görünme anını öne çekiyor.
- Sunucu beklemesi. Sayfa her istekte veritabanından kuruluyorsa ilk baytın gelmesi uzuyor. Değişmeyen sayfalar için statik üretim bu beklemeyi sıfırlıyor.
Nereden başlamalı
Önce ölçün. Chrome’un yerleşik Lighthouse aracını mobil profilde çalıştırmak birkaç dakika sürüyor ve size somut bir liste veriyor. Ardından en büyük iki kalemi ele alın — çoğu sitede bu, görseller ve kullanılmayan script’ler oluyor.
Bu ikisi düzeldikten sonra kalan iyileştirmeler genelde küçük kazançlar getiriyor. Mükemmel skor peşinde koşmak yerine eşikleri geçmek yeterli: ziyaretçi açısından 2,4 saniye ile 1,9 saniye arasındaki fark hissedilmiyor, ama 5 saniye ile 2 saniye arasındaki fark satışı değiştiriyor.
Ölçtüğümüz bir örnek
İkon Halı Yıkama için kurduğumuz sitede mobil profilde ölçtüğümüz düzen kayması (CLS) 0 ve ana iş parçacığı bloklaması 20 milisaniye. Bunlar tesadüf değil: görseller kullanılacakları boyutta üretildi, boyutları HTML’e yazıldı ve sayfada gereksiz script bırakılmadı.
Sitenizin nerede durduğunu merak ediyorsanız bize yazın — mevcut sitenizi ölçüp ne kazanabileceğinizi söyleyelim.