Web Sitesi Hızı Neden Önemli ve Nasıl Ölçülür?
Yavaş site ziyaretçi kaybettirir ve Google sıralamasını etkiler. Core Web Vitals metriklerini sade bir dille açıkladık, sitenizi ücretsiz nasıl ölçeceğinizi ve en sık karşılaşılan yavaşlık sebeplerini listeledik.
Ziyaretçi sitenize girdi ve sayfa açılmadı. Birkaç saniye bekledi, sonra geri tuşuna bastı ve bir sonraki sonuca tıkladı. Bu senaryo her gün binlerce kez yaşanıyor ve doğrudan kaybedilen müşteri demek.
Site hızı hem kullanıcı davranışını hem de Google sıralamasını etkiliyor. İyi haber şu: ölçmek ücretsiz ve düzeltmelerin çoğu teknik olarak basit.
Core Web Vitals: Google'ın baktığı üç metrik
LCP (Largest Contentful Paint) — Sayfadaki en büyük içeriğin (genelde ana görsel veya başlık) ne kadar sürede göründüğü. Kullanıcının "sayfa açıldı" hissettiği an budur.
INP (Interaction to Next Paint) — Kullanıcı bir yere tıkladığında sayfanın ne kadar sürede tepki verdiği. Menüye bastınız ve hiçbir şey olmadıysa sorun buradadır.
CLS (Cumulative Layout Shift) — Sayfa yüklenirken içeriğin yer değiştirmesi. Tam bir butona basacakken reklamın yüklenip düğmeyi kaydırması bu metriğin konusudur.
Üçü de gerçek kullanıcı verisinden hesaplanır. Yani test ortamında iyi görünen bir site, sahada kötü olabilir.
Sitenizi ücretsiz nasıl ölçersiniz?
- PageSpeed Insights: Adresinizi yazın, mobil ve masaüstü skorlarını görün. Mobil skora bakın — trafiğin çoğunluğu oradan geliyor ve Google mobil sürümü esas alıyor.
- Search Console: Sol menüdeki Core Web Vitals raporu, gerçek ziyaretçilerinizin verisini gösterir. En değerli kaynak budur.
- Kendi telefonunuz: Wi-Fi'ı kapatıp mobil veriyle sitenize girin. Kullanıcının yaşadığı deneyim budur.
Skorun 100 olması şart değil. Mobilde 70 üzeri ve üç metriğin de yeşil olması pratikte yeterlidir.
En sık karşılaşılan yavaşlık sebepleri
1. Optimize edilmemiş görseller. Açık ara birinci sebep. Fotoğraf makinesinden çıkmış 4 MB'lık bir görsel, sitede 400 KB'a düşürülebilir ve gözle fark edilmez. Görselleri WebP formatına çevirin, gösterileceği boyuta göre yeniden boyutlandırın.
2. Gereksiz eklenti ve script yükü. Kullanılmayan her eklenti, her sayfada yüklenen fazladan koddur. Kullanmadıklarınızı pasifleştirmeyin, kaldırın.
3. Ekran dışı görsellerin hemen yüklenmesi. Sayfanın altındaki görseller ilk açılışta yüklenmemeli. loading="lazy" bunu çözer.
4. Yavaş hosting. Paylaşımlı ve aşırı yüklü sunucular sunucu yanıt süresini uzatır. Sunucu 1 saniyede cevap veriyorsa, ön taraftaki her iyileştirme o saniyenin üzerine biner.
5. Boyutu belirtilmemiş görseller ve reklamlar. CLS'nin ana sebebi. Görsellere width ve height vererek tarayıcının yeri baştan ayırmasını sağlayın.
6. Web fontları. Çok sayıda font ailesi ve kalınlığı yüklemek yazının geç görünmesine yol açar. İki aileyi geçmeyin, kritik fontları önceden yükleyin.
Hızlı kazanç listesi
- Tüm görselleri WebP'ye çevirin ve yeniden boyutlandırın
- Ekran dışı görsellere lazy loading ekleyin
- Görsellere genişlik ve yükseklik değeri verin
- Kullanılmayan eklentileri kaldırın
- Önbelleklemeyi açın
- Font sayısını azaltın
- Gereksiz üçüncü taraf scriptlerini (kullanılmayan analiz, chat, pixel) temizleyin
Bu listeyi uygulamak çoğu sitede mobil skoru belirgin şekilde yukarı taşır.
Ne zaman daha derine inmek gerekir?
Yukarıdakileri yaptınız ama skor hâlâ düşükse, sorun genelde altyapıdadır: ağır tema, optimize edilmemiş veritabanı sorguları, yetersiz sunucu. Bu noktada tek tek yama yapmak yerine siteyi yeniden kurgulamak daha ekonomik olabilir.
Teslim ettiğimiz sitelerde hız optimizasyonu standart olarak yapılır. Mevcut sitenizin hız analizini birlikte yapmamızı isterseniz bize ulaşın.