Bir web sitesinin ne kadar güzel olduğu, açılmadığı sürece önemsizdir. Google’ın Core Web Vitals metrikleri tam olarak bu deneyimi ölçer: sayfa ne kadar hızlı görünür hale geliyor, ne kadar hızlı tepki veriyor ve yüklenirken zıplıyor mu?
Üç metrik, üç soru
LCP — Largest Contentful Paint
“Sayfanın ana içeriği ne zaman göründü?” Genellikle hero görseli veya başlık bloğudur. Hedef: 2,5 saniyenin altı.
Kötü LCP’nin başlıca sebepleri: optimize edilmemiş büyük görseller, yavaş sunucu yanıtı, render’ı engelleyen CSS/JS ve geç yüklenen web fontları.
INP — Interaction to Next Paint
“Tıkladığımda ne kadar sürede tepki verdi?” 2024’te FID’in yerini aldı ve tüm etkileşimleri ölçer. Hedef: 200 milisaniyenin altı.
Kötü INP’nin sebebi neredeyse her zaman aynıdır: ana iş parçacığını meşgul eden ağır JavaScript.
CLS — Cumulative Layout Shift
“Sayfa yüklenirken içerik zıpladı mı?” Butona basmak üzereyken reklamın açılıp yerini kaydırması bu metriği bozar. Hedef: 0,1’in altı.
Çözüm basittir: görsellere width ve height verin, reklam/gömülü içerik için yer ayırın, font takasını dikkatli yönetin.
Mobil uyumluluk artık bir tercih değil
Google siteleri mobil sürümleri üzerinden değerlendiriyor. Yani masaüstünde kusursuz görünen ama mobilde bozulan bir site, arama motorunun gözünde bozuk bir sitedir.
Mobil uyumluluk “sayfanın küçülmesi” değildir. Gerçek mobil uyumluluk şunları içerir:
- Dokunma hedefleri en az 44×44 piksel olmalı.
- Metin yakınlaştırma gerektirmeden okunmalı (16px taban).
- Yatay kaydırma olmamalı; tablolar kendi kabında kaydırılmalı.
- Menü tek elle kullanılabilmeli.
- Formlarda doğru klavye tipi açılmalı (
type="tel",type="email"). - Mobil için ayrı bir düzen kurgulanmalı — masaüstü düzenini sıkıştırmak yeterli değildir.
Uygulanabilir hızlandırma adımları
Görselleri hizaya sokun
Görseller çoğu sitede toplam ağırlığın %60’ından fazlasını oluşturur. Modern format (WebP/AVIF) kullanın, ekranda göründüğü boyutta sunun, ekran dışındakileri loading="lazy" ile geciktirin ve boyut niteliklerini mutlaka yazın.
Fontları kendi sunucunuzdan yayınlayın
Üçüncü taraf font servisleri ek DNS çözümlemesi ve bağlantı maliyeti getirir. Fontları kendi alan adınızdan sunmak hem hızlandırır hem de KVKK açısından daha temiz bir yapıdır. font-display: swap kullanın ve yalnızca ihtiyacınız olan karakter kümesini yükleyin.
JavaScript diyeti yapın
Her eklenti bir maliyettir. Slider için 90 KB’lık bir kütüphane yüklemek yerine CSS ile çözülebilecek şeyleri CSS ile çözün. Kalan betikleri defer ile yükleyin.
Kritik CSS’i satır içine alın
İlk ekranda görünen içeriğin stilini sayfanın içine gömüp geri kalanını sonradan yükleyerek ilk boyama süresini ciddi biçimde kısaltabilirsiniz.
Önbellek ve sıkıştırma kurun
Statik dosyalar için uzun süreli önbellek başlıkları, metin dosyaları için Brotli/Gzip sıkıştırma ve mümkünse bir CDN kullanın. Tekrar eden ziyaretlerde fark dramatiktir.
Üçüncü taraf betikleri denetleyin
Sohbet widget’ı, ısı haritası, üç ayrı analitik aracı… Her biri ana iş parçacığını meşgul eder. Gerçekten kullanmadığınız araçları kaldırın.
Nasıl ölçersiniz?
- PageSpeed Insights: Hem laboratuvar hem gerçek kullanıcı verisi verir.
- Search Console → Core Web Vitals: Sitenizin tamamı için gerçek kullanıcı verisi. En güvenilir kaynak budur.
- Lighthouse (Chrome DevTools): Geliştirme sırasında hızlı geri bildirim.
- WebPageTest: Farklı cihaz ve bağlantı hızlarında ayrıntılı analiz.
Laboratuvar skoru 100 olan bir site gerçek kullanıcılarda kötü performans gösterebilir. Kararınızı her zaman gerçek kullanıcı verisine dayandırın.
Sonuç
Hız, SEO’dan önce bir kullanıcı deneyimi meselesidir. Sıralama avantajı ise bunun doğal sonucudur. Yeni bir site yaptırıyorsanız performansı sözleşmeye yazdırın; mevcut siteniz yavaşsa ölçümle başlayın.
Sitenizin performansını birlikte değerlendirmemizi isterseniz ücretsiz analiz talep edin ya da web tasarım yaklaşımımızı inceleyin.