Web sitesi hızı neden önemli ve nasıl ölçülür? Basit bir rehber

Bir reklama tıklayan ya da Google'da sizi bulan kişi, sayfanız açılana kadar bekler. Bu bekleme uzadıkça sabrı azalır ve geri tuşuna basma ihtimali artar. Üstelik bu kişi sizin için zaten emek ve çoğu zaman reklam bütçesi harcayarak kazandığınız bir ziyaretçidir.

Bu yazıda web sitesi hızının neden önemli olduğunu, Google'ın hızı hangi ölçütlerle değerlendirdiğini, kendi sitenizin hızını nasıl ölçebileceğinizi ve en sık karşılaşılan sorunların nasıl çözüldüğünü anlatıyoruz.

Hız neden önemli?

Ziyaretçi deneyimi

Yavaş açılan bir sayfa, ziyaretçinin içeriğinizi görmeden ayrılmasına yol açabilir. Özellikle telefondan ve mobil veriyle gelen kullanıcılar için birkaç saniyelik gecikme bile fark edilir. Sayfa açıldıktan sonra düğmelerin geç tepki vermesi ya da içeriğin yerinden kayması da kullanıcıyı rahatsız eder ve yanlış yere dokunmasına neden olabilir.

Reklam performansı

Google Ads, reklamlarınızı değerlendirirken Kalite Puanı adı verilen bir ölçüt kullanır. Kalite Puanı'nın bileşenlerinden biri açılış sayfası deneyimidir; yani reklamı tıklayan kişinin karşılaştığı sayfanın ne kadar faydalı ve kullanışlı olduğu. Sayfa hızı bu deneyimin bir parçasıdır. Hızlı ve ilgili bir açılış sayfası, reklamlarınızın daha verimli çalışmasına katkı sağlayabilir. Reklam tarafının temelleri için Google Ads nasıl çalışır yazımıza bakabilirsiniz.

Arama motoru görünürlüğü

Google, sayfa deneyimini arama sıralamasında dikkate aldığı sinyallerden biri olarak değerlendirir. Bununla birlikte içeriğin aramayla ilgili ve faydalı olması çok daha belirleyicidir. Hız tek başına sizi ilk sıraya taşımaz; ama benzer kalitede içerikler arasında daha iyi bir deneyim sunmanın zararı olmaz.

Core Web Vitals: üç temel ölçüt

Google, gerçek kullanıcıların sayfanızı nasıl deneyimlediğini Core Web Vitals adı verilen üç ölçütle özetler. Teknik isimlerine rağmen her biri basit bir soruya cevap verir:

• LCP (Largest Contentful Paint): Sayfanın ana içeriği, örneğin büyük bir görsel ya da başlık, ne kadar sürede görünür hâle geliyor? Google'ın “iyi” kabul ettiği değer 2,5 saniye veya daha az.
• INP (Interaction to Next Paint): Kullanıcı bir düğmeye dokunduğunda ya da menüyü açtığında sayfa ne kadar hızlı tepki veriyor? “İyi” değer 200 milisaniye veya daha az.
• CLS (Cumulative Layout Shift): Sayfa yüklenirken içerik yerinden kayıyor mu? Okuduğunuz metnin aniden aşağı itilmesi veya dokunmak üzere olduğunuz düğmenin yer değiştirmesi bu ölçüte yansır. “İyi” değer 0,1 veya daha az.

Google bu değerlendirmeyi tek bir ziyarete göre değil, sayfayı açan kullanıcıların büyük çoğunluğunun deneyimine göre yapar. Yani sitenin yalnızca sizin hızlı internetinizde değil, ziyaretçilerinizin çoğunun cihazında iyi çalışması gerekir.

Hız nasıl ölçülür?

PageSpeed Insights

Google'ın ücretsiz PageSpeed Insights aracına sayfa adresinizi girerek hem mobil hem masaüstü için sonuç alabilirsiniz. Rapor iki farklı bölümden oluşur ve bu ayrımı anlamak önemlidir.

• Saha verisi (field data): Sayfanızı Chrome ile ziyaret eden gerçek kullanıcıların son dönemdeki deneyimini gösterir. Core Web Vitals değerlendirmesi bu veriye dayanır. Sitenizin yeterli trafiği yoksa bu bölüm boş görünebilir.
• Laboratuvar verisi (lab data): Sayfanın belirli bir cihaz ve bağlantı hızı varsayılarak test ortamında yüklenmesiyle elde edilir. Sorunları bulmak ve bir değişikliğin etkisini hemen görmek için kullanışlıdır.

İki veri her zaman aynı sonucu vermez. Laboratuvar testi tek bir senaryoyu ölçer; saha verisi ise farklı cihazlar, bağlantılar ve konumlardaki gerçek kullanıcıları yansıtır. Laboratuvar puanınız düşük ama saha verileriniz iyiyse kullanıcılarınız büyük olasılıkla iyi bir deneyim yaşıyordur. Tersi durumda ise gerçek kullanıcıların sorun yaşadığını düşünmek gerekir.

Search Console Core Web Vitals raporu

PageSpeed Insights tek bir sayfayı inceler. Sitenizin genelini görmek için Google Search Console içindeki Core Web Vitals raporunu kullanabilirsiniz. Bu rapor, saha verisine dayanarak sayfalarınızı “iyi”, “iyileştirme gerekli” ve “zayıf” olarak gruplar; benzer sorunları olan sayfaları bir arada gösterir. Sitenizi henüz Search Console'a eklemediyseniz bu ilk yapmanız gereken adımlardan biridir.

Sık görülen hız sorunları ve çözümleri

Her sitenin sorunu farklıdır, ama yavaşlığın büyük kısmı birkaç tanıdık nedenden kaynaklanır:

• Büyük görseller: Telefon ekranında küçük gösterilen bir fotoğrafın orijinal boyutunda yüklenmesi çok yaygın bir sorundur. Görselleri gösterilecekleri boyuta göre küçültün ve WebP veya AVIF gibi modern formatlar kullanın.
• Tüm görsellerin baştan yüklenmesi: Sayfanın aşağısında kalan görseller için lazy loading (gerektiğinde yükleme) kullanın. Ancak ilk ekrandaki ana görseli geciktirmeyin; bu LCP değerini kötüleştirir.
• Yazı tipleri: Çok sayıda yazı tipi ve kalınlık yüklemek sayfayı yavaşlatır. Gerçekten kullandığınız ağırlıklarla sınırlı kalın ve yazı tipi yüklenirken metnin görünür kalmasını sağlayın.
• Üçüncü taraf betikler: Sohbet araçları, takip kodları, video yerleştirmeleri ve sosyal medya eklentileri her sayfaya ek yük getirir. Kullanmadıklarınızı kaldırın, gerekli olanları mümkünse geciktirerek yükleyin.
• Önbellekleme ve CDN: Tarayıcı önbelleği, tekrar gelen ziyaretçilerin aynı dosyaları yeniden indirmesini önler. CDN (içerik dağıtım ağı) ise dosyalarınızı ziyaretçiye daha yakın sunuculardan sunar.
• Barındırma: Sunucunun yanıt süresi tüm sayfaları etkiler. Çok ucuz ve kalabalık paylaşımlı sunucular, diğer tüm iyileştirmelere rağmen sitenizi yavaş bırakabilir.
• Yer ayrılmamış öğeler: Boyutu belirtilmeyen görseller, reklam alanları veya sonradan beliren bildirim çubukları içeriğin kaymasına yol açar. Bu öğelere baştan sabit bir alan ayırmak CLS değerini iyileştirir.

Hızı korumak için düzenli kontrol

Hız bir kez düzeltilip unutulacak bir konu değildir. Yeni eklenen bir eklenti, ana sayfaya konan büyük bir video ya da yeni bir takip kodu, iyi durumda olan bir siteyi kısa sürede yavaşlatabilir. Bu yüzden şu alışkanlıkları edinmek faydalıdır:

1. Siteye önemli bir değişiklik yaptıktan sonra ilgili sayfayı PageSpeed Insights ile test edin.
2. Search Console'daki Core Web Vitals raporuna düzenli aralıklarla göz atın.
3. Yeni görselleri yüklemeden önce boyutlarını küçültün.
4. Eklediğiniz her yeni araç veya betiğin gerçekten gerekli olup olmadığını sorgulayın.
5. Sitenizi zaman zaman kendi telefonunuzdan, mobil veriyle açarak deneyin.

Hız, iyi bir web sitesinin temel parçalarından yalnızca biridir. Diğer unsurlar için kurumsal web sitesinde olması gerekenler yazımıza göz atabilirsiniz. Yeni bir site planlıyor ya da mevcut sitenizi yenilemeyi düşünüyorsanız web sitesi tasarımı hizmetimizi inceleyebilirsiniz.

Sık sorulan sorular