Sayfanız geç açıldığında ziyaretçi beklemez; telefonunda başka bir sonuca geçer. Web sitesi hızı artırma çalışması bu yüzden yalnızca teknik bir ayrıntı değil, doğrudan kullanıcı deneyimi ve müşteri kazanımıyla ilgili bir konudur. Bu rehberde Google’ın kullanıcı deneyimini ölçmek için kullandığı Core Web Vitals metriklerini, nasıl ölçüleceğini ve yerel bir işletme sitesinde hangi adımlarla iyileştirme yapılabileceğini sade bir dille anlatıyoruz.
Core Web Vitals Nedir?
Core Web Vitals, Google’ın bir sayfanın gerçek kullanıcılar için ne kadar iyi çalıştığını anlamak için öne çıkardığı üç metriktir. Her biri sayfa deneyiminin farklı bir yönünü ölçer: yükleme, etkileşim ve görsel kararlılık.
Google’ın geliştirici sitesi web.dev’de yayımlanan resmi Web Vitals dokümanına göre iyi bir deneyim için hedef değerler şöyledir:
- Largest Contentful Paint (LCP): Sayfanın ana içeriğinin yüklenme hızını ölçer. İyi bir deneyim için LCP, sayfa yüklenmeye başladıktan sonra 2,5 saniye içinde gerçekleşmelidir.
- Interaction to Next Paint (INP): Sayfanın kullanıcı etkileşimlerine ne kadar hızlı yanıt verdiğini ölçer. İyi bir deneyim için INP değeri 200 milisaniye veya daha az olmalıdır.
- Cumulative Layout Shift (CLS): Sayfa yüklenirken öğelerin beklenmedik şekilde kayıp kaymadığını ölçer. İyi bir deneyim için CLS değeri 0,1 veya daha az olmalıdır.
Aynı dokümanda hedeflere ulaşıp ulaşmadığınızı değerlendirmek için sayfa yüklemelerinin 75. yüzdelik dilimine bakılması, ölçümün de mobil ve masaüstü olarak ayrı ayrı yapılması önerilir.
Neden Hız Sadece Teknik Bir Konu Değil?
Bir müşteri adayı Google’da arama yaptığında genellikle birkaç sonucu hızlıca açıp karşılaştırır. Yavaş yüklenen, tıklarken kayan veya dokunuşa geç cevap veren bir site güven kaybettirir. Hız çalışması bu nedenle hem ziyaretçi memnuniyeti hem de iletişim formu ya da telefon aramasına dönüşen ziyaretler açısından önemlidir.
Google da sayfa deneyimini arama sistemlerinde dikkate aldığını belirtir; ancak hız tek başına sıralama garantisi vermez. İçeriğin kalitesi ve konuyla uyumu yine temel belirleyicidir. Sıralamaların zaman içinde nasıl olgunlaştığını SEO ne kadar sürede sonuç verir yazımızda ele aldık.
Web Sitesi Hızını Nasıl Ölçersiniz?
İyileştirmeye başlamadan önce mevcut durumu bilmek gerekir. Ölçümde iki tür veri vardır: gerçek kullanıcılardan toplanan saha verisi ve test ortamında üretilen laboratuvar verisi. İkisi her zaman aynı sonucu vermez; bu yüzden ikisine birlikte bakmak sağlıklıdır.
- PageSpeed Insights: Sayfa adresini girerek hem saha hem laboratuvar verisini ve önerileri görebilirsiniz.
- Google Search Console: Core Web Vitals raporu, sitedeki sayfaları mobil ve masaüstü için gruplar halinde gösterir. Aracın temel kullanımı için Google Search Console nasıl kullanılır rehberimize bakabilirsiniz.
- Tarayıcı geliştirici araçları: Hangi dosyanın ne kadar sürede yüklendiğini ağ sekmesinde görebilirsiniz.
Önce ana sayfanızı, en çok ziyaret edilen hizmet sayfanızı ve bir blog yazınızı ölçün. Üç sayfa çoğu zaman sitenin genel tablosunu verir.
LCP İçin Neler Yapılabilir?
Sayfanın en büyük görseli veya başlık bloğu geç geliyorsa LCP kötüleşir. Yerel işletme sitelerinde en sık neden, boyutu gereğinden büyük görsellerdir.
- Görselleri sayfada gösterileceği boyuta yakın ölçüde yükleyin; telefon fotoğrafını olduğu gibi yüklemeyin.
- Mümkünse WebP gibi modern ve daha hafif formatları tercih edin.
- Sayfanın en üstündeki ana görseli “lazy load” ile geciktirmeyin; ekranın altında kalan görsellerde ise bu yöntemi kullanın.
- Güvenilir ve hızlı bir barındırma hizmeti kullanın; sunucunun ilk yanıt süresi tüm yüklemeyi etkiler.
- Sayfa önbelleği (cache) kullanın.
INP İçin Neler Yapılabilir?
Kullanıcı bir menüye ya da butona dokunduğunda sayfa geç tepki veriyorsa genellikle tarayıcı ağır JavaScript işleriyle meşguldür. WordPress sitelerinde bunun yaygın kaynağı, birbirinin işini tekrarlayan eklentiler ve kullanılmayan betiklerdir.
- Kullanmadığınız eklentileri ve temayla gelen gereksiz özellikleri kaldırın.
- Üçüncü taraf sohbet, takip ve reklam kodlarını gözden geçirin; yalnızca gerçekten ihtiyaç duyduklarınızı bırakın.
- Sayfa oluşturucu (page builder) kaynaklı aşırı iç içe yapılardan kaçının.
CLS İçin Neler Yapılabilir?
Sayfa yüklenirken metnin aşağı kayması, butonun yer değiştirmesi ve yanlış yere tıklanması CLS sorununun tipik belirtisidir.
- Görsellere ve videolara genişlik ve yükseklik değerlerini tanımlayın ki tarayıcı yer ayırabilsin.
- Reklam, çerez bildirimi veya banner alanlarına önceden sabit bir alan ayırın.
- Web fontlarının yüklenirken metni kaydırmasını azaltacak ayarları kullanın.
WordPress Sitelerinde Hızı Etkileyen Diğer Etkenler
WordPress’te tema, eklenti ve barındırma kalitesi hız sonucunu belirler. Güncel tutulmayan, gereksiz eklentilerle dolu bir site hem yavaşlar hem de güvenlik riski taşır. Bu nedenle düzenli bakım hız çalışmasının da parçasıdır; bakım adımlarını WordPress site güvenliği yazımızda listeledik.
Hız, doğru kurgulanmış bir sitenin doğal sonucudur. Sayfa yapısı, kod kalitesi ve içerik düzeni baştan düşünüldüğünde sonradan yapılacak iyileştirme ihtiyacı azalır. Bu yaklaşımı SEO uyumlu web sitesi yazımızda anlattık. Yeni bir site planlıyorsanız Kocaeli web tasarım hizmetimizde hız ve mobil uyumu proje başında birlikte ele alıyoruz.
Hız İyileştirme Kontrol Listesi
- PageSpeed Insights ile ana sayfa ve iki önemli sayfayı ölçün, sonuçları not edin.
- Büyük görselleri küçültün ve uygun formata dönüştürün.
- Önbellekleme eklentisi veya sunucu önbelleğini etkinleştirin.
- Kullanılmayan eklentileri ve üçüncü taraf betikleri kaldırın.
- Görsellere boyut tanımlayın, banner ve bildirim alanlarına yer ayırın.
- Değişikliklerden sonra tekrar ölçün; Search Console raporunun güncellenmesi için zaman tanıyın.
Sitenizin genel teknik sağlığını da denetlemek isterseniz teknik SEO kontrol listesi yazımız bir sonraki adım olabilir.
Sonuç
Web sitesi hızı artırma çalışması bir kerelik bir işlem değil, ölç, iyileştir ve tekrar ölç döngüsüdür. LCP, INP ve CLS için Google’ın belirttiği hedeflere yaklaştıkça ziyaretçileriniz sitenizi daha rahat kullanır. Küçük ama doğru adımlarla, özellikle görsel boyutları ve gereksiz eklentiler üzerinden başlayarak, ölçülebilir bir ilerleme sağlayabilirsiniz.
