Web sitenizin hızı neden satışlarınızı belirliyor? Core Web Vitals rehberi

Bir web sitesini ziyaret ettiğinizde sayfanın açılmasını beklerken kaç saniye sabredersiniz? Çoğumuz bunu bilinçli olarak düşünmeyiz bile; sayfa yavaş geliyorsa geri tuşuna basar, arama sonuçlarındaki bir sonraki siteye geçeriz. İşletmeler içinse bu birkaç saniye, kaybedilen müşteri, terk edilen sepet ve boşa harcanan reklam bütçesi anlamına gelir. Bu yazıda web sitesi hızının neden bu kadar önemli olduğunu, Google’ın hızı nasıl ölçtüğünü ve sitenizi hızlandırmak için atabileceğiniz somut adımları ele alıyoruz.

Hız neden bir iş meselesi?

Web performansı çoğu zaman teknik ekibin ilgilenmesi gereken bir ayrıntı gibi görülür. Oysa doğrudan gelirle ilişkilidir. Ziyaretçi, sitenizin yavaşlığını markanızın özensizliği olarak algılar. Özellikle mobil cihazlarda, değişken ve zaman zaman zayıf bağlantılar üzerinden gezinen kullanıcılar için her fazladan saniye, sayfayı terk etme ihtimalini artırır.

Hızın etkisi üç farklı yerde hissedilir:

Dönüşüm oranı: Ürün sayfası geç açılan bir e-ticaret sitesinde ziyaretçi sepete ekleme aşamasına hiç gelmeyebilir.
Reklam verimliliği: Google Ads veya Meta reklamına tıklayan bir kullanıcı sayfa açılmadan çıkarsa, o tıklamanın parasını yine de ödersiniz. Yavaş açılış sayfası, reklam bütçesini sessizce eritir.
Arama görünürlüğü: Google, sayfa deneyimini sıralama sinyallerinden biri olarak kullanır. Hız tek başına sizi ilk sıraya taşımaz; ama benzer kalitede içeriklerin yarıştığı aramalarda fark yaratabilir.

Core Web Vitals nedir?

Google, kullanıcı deneyimini ölçmek için Core Web Vitals (Önemli Web Verileri) adını verdiği üç temel metrik kullanır. Bu metriklerin ortak özelliği, teknik bir ölçüm olmaktan çok “kullanıcı ne hissediyor?” sorusuna cevap vermeye çalışmalarıdır.

Metrik	Neyi ölçer?	İyi kabul edilen değer
LCP (Largest Contentful Paint)	Sayfadaki en büyük içerik öğesinin (genellikle ana görsel ya da başlık) ekranda görünme süresi	2,5 saniye veya daha az
INP (Interaction to Next Paint)	Kullanıcı bir butona tıkladığında ya da bir şey yazdığında sayfanın ne kadar hızlı tepki verdiği	200 milisaniye veya daha az
CLS (Cumulative Layout Shift)	Sayfa yüklenirken öğelerin beklenmedik şekilde kayması	0,1 veya daha az

INP, Mart 2024’te daha önce kullanılan FID (First Input Delay) metriğinin yerini aldı. FID yalnızca ilk etkileşimin gecikmesini ölçerken, INP sayfadaki tüm etkileşimlere bakar ve bu yüzden kullanıcı deneyimini çok daha gerçekçi yansıtır.

Önemli bir ayrıntı: Google bu değerleri sizin bilgisayarınızda yapılan tek bir testten değil, gerçek ziyaretçilerin deneyiminden toplar ve ziyaretlerin yüzde 75’inin bu eşiklerin altında kalmasını bekler. Yani hızlı bir ofis bağlantısında sitenizin hızlı açılması yeterli değildir; telefonundan mobil veriyle giren müşterinizin deneyimi belirleyicidir.

Sitenizin hızını nasıl ölçersiniz?

Hızı ölçmek için pahalı araçlara ihtiyacınız yok. Ücretsiz ve güvenilir birkaç kaynak var:

PageSpeed Insights: Sayfa adresinizi girdiğinizde hem gerçek kullanıcı verilerini (yeterli trafik varsa) hem de laboratuvar testinin sonuçlarını gösterir. Ayrıca hangi sorunların ne kadar etki ettiğine dair öneriler sunar.
Google Search Console: “Önemli Web Verileri” raporu, sitenizdeki hangi sayfa gruplarının iyi, iyileştirme gerektiren ya da zayıf durumda olduğunu gösterir. Tek tek sayfalar yerine genel tabloyu görmek için idealdir.
Tarayıcı geliştirici araçları: Chrome’daki Lighthouse ve Performans sekmeleri, sorunun kaynağını ayrıntılı olarak incelemek isteyen geliştiriciler için güçlü araçlardır.

Ölçüm yaparken mobil sonuçlara öncelik verin. Ziyaretçilerin çoğunluğu mobil cihazlardan gelir ve Google siteleri öncelikle mobil sürümleri üzerinden değerlendirir.

Siteleri yavaşlatan en yaygın nedenler

Yüzlerce farklı web sitesini incelediğimizde, sorunların büyük kısmının birkaç tanıdık kaynaktan geldiğini görüyoruz.

Optimize edilmemiş görseller

En sık karşılaştığımız sorun budur. Fotoğraf makinesinden ya da tasarım programından çıktığı gibi yüklenen, birkaç megabaytlık görseller sayfanın açılışını ciddi şekilde yavaşlatır. Görselin ekranda 400 piksel genişliğinde gösterileceği bir yere 4000 piksellik bir dosya yüklemek, kullanıcıyı ihtiyacı olmayan veriyi indirmeye zorlamaktır.

Fazla sayıda eklenti ve üçüncü taraf betik

Canlı destek pencereleri, sosyal medya akışları, ısı haritası araçları, birden fazla analiz kodu, pop-up eklentileri… Her biri tek başına küçük görünse de bir araya geldiklerinde tarayıcının ana iş parçacığını meşgul eder ve sayfanın tepki süresini (INP) bozar.

Ağır tema ve sayfa oluşturucular

Hazır temalar ve sürükle-bırak sayfa oluşturucular hızlı başlangıç sağlar, ancak çoğu zaman kullanmadığınız yüzlerce özelliğin kodunu da her sayfada yükler. Sonuç, basit bir “Hakkımızda” sayfası için bile gereğinden büyük CSS ve JavaScript dosyalarıdır.

Yetersiz sunucu ve önbellek eksikliği

Ucuz paylaşımlı barındırma paketleri, yoğun saatlerde yavaş yanıt verebilir. Sunucunun ilk yanıtı geç geliyorsa, sayfadaki diğer tüm iyileştirmeler bu gecikmenin üzerine eklenir. Sayfa önbelleği ve bir içerik dağıtım ağı (CDN) kullanılmaması da bu sorunu büyütür.

Yer ayrılmamış öğeler

Görsellerin, reklam alanlarının ya da yazı tiplerinin boyutu baştan belirtilmediğinde, içerik yüklendikçe sayfa aşağı yukarı kayar. Okumaya başladığınız paragrafın aniden aşağı itilmesi ya da tıklamak üzere olduğunuz butonun yerinin değişmesi CLS sorununun tipik belirtileridir.

Sitenizi hızlandırmak için yapılacaklar listesi

Aşağıdaki adımlar, çoğu web sitesinde belirgin bir iyileşme sağlar. Listeyi etkisi yüksek ve uygulaması görece kolay olanlardan başlayarak sıraladık.

Görselleri modern formatlara dönüştürün. WebP ve AVIF formatları, aynı görsel kalitede JPEG ve PNG’ye göre genellikle çok daha küçük dosyalar üretir.
Görselleri doğru boyutta sunun. Farklı ekran genişlikleri için farklı boyutlarda görseller hazırlayın ve tarayıcının uygun olanı seçmesini sağlayın (srcset).
Ekran dışındaki görselleri sonradan yükleyin. Sayfanın alt kısımlarındaki görseller için loading="lazy" kullanın; ama ilk ekrandaki ana görseli tembel yüklemeyin, aksine öncelik verin.
Görsel ve video alanlarına boyut verin. Genişlik ve yükseklik değerlerini belirtmek, tarayıcının yer ayırmasını sağlar ve kaymaları önler.
Kullanılmayan eklenti ve betikleri kaldırın. Her üçüncü taraf koda “bu gerçekten gerekli mi?” sorusunu sorun. Gerekliyse, sayfa yüklendikten sonra çalışacak şekilde erteleyin.
Yazı tiplerini optimize edin. Yalnızca kullandığınız ağırlıkları yükleyin ve font-display: swap ile metnin yazı tipi beklenmeden görünmesini sağlayın.
Önbelleği etkinleştirin. Sunucu tarafında sayfa önbelleği, tarayıcı tarafında statik dosyalar için uzun süreli önbellek ayarları kullanın.
Bir CDN kullanın. Statik dosyalarınızın ziyaretçiye en yakın sunucudan gelmesi, özellikle farklı şehir ve ülkelerden gelen trafikte fark yaratır.
Sıkıştırmayı açın. Sunucunuzda Gzip ya da Brotli sıkıştırmanın aktif olduğundan emin olun.
Barındırma altyapınızı gözden geçirin. Sunucu yanıt süresi sürekli yüksekse, en iyi optimizasyon bile sınırlı kalır. Trafiğinize uygun bir altyapıya geçmek gerekebilir.

Hız, bir kerelik proje değil

Birçok işletme sitesini bir kez hızlandırır, sonra yeni kampanyalar, yeni eklentiler ve yeni görsellerle birkaç ay içinde aynı noktaya geri döner. Hızı korumanın yolu, onu bir süreç hâline getirmektir. Yeni bir eklenti eklemeden önce etkisini ölçmek, içerik ekibine görsel yükleme kurallarını öğretmek ve Search Console raporunu aylık olarak kontrol etmek, emeğinizin kalıcı olmasını sağlar.

Hızlı bir site, kullanıcıya “zamanınıza değer veriyoruz” mesajı verir. Bu mesaj, hiçbir reklam metninin veremeyeceği kadar güçlüdür.

Sonuç

Web sitesi hızı; SEO, reklam verimliliği ve dönüşüm oranını aynı anda etkileyen nadir konulardan biridir. Core Web Vitals metrikleri, neyi iyileştirmeniz gerektiğine dair net bir çerçeve sunar. İyi haber şu ki, sorunların çoğu bilinen ve çözülebilir sorunlardır.

Espada Bilişim olarak geliştirdiğimiz her sitede bu metrikleri baştan hedefliyor, mevcut siteler için de performans denetimi ve iyileştirme hizmeti sunuyoruz. Sitenizin hızı hakkında bir değerlendirme istiyorsanız bilgi formunu doldurmanız yeterli.