REHBER

Mobil Uyumlu ve Hızlı Web Sitesi: Site Hızı Neden Önemli, Nasıl Ölçülür?

Site hızı ve mobil uyum Google sıralamasını ve satışları nasıl etkiler? Core Web Vitals değerleri, ölçüm araçları ve sitenizi yavaşlatan 8 neden.

Bu yazı şimdilik yalnızca Türkçe olarak yayında.

Bir web sitesine telefondan girip birkaç saniye beyaz ekran bekledikten sonra geri çıktığınız oldu mu? Müşterileriniz de aynısını yapıyor. Hızlı ve mobil uyumlu bir site artık bir “ekstra” değil, sitenin çalışmasının ön koşulu. Bu yazıda site hızının neden önemli olduğunu, Google'ın hızı nasıl ölçtüğünü ve sitenizi neyin yavaşlattığını anlatıyoruz.

Kısa cevap: Google siteleri öncelikle mobil sürümlerine göre değerlendirir ve sayfa deneyimini Core Web Vitals ile ölçer. Sitenizin hızını ücretsiz PageSpeed Insights aracıyla kontrol edebilirsiniz. Yavaşlığın en sık nedenleri büyük görseller, çok sayıda eklenti ve yavaş hostingdir.

Mobil uyum ve hız neden önemli?

  • Google mobil sürüme bakar. Google, sitenizi sıralarken masaüstü değil mobil sürümünü esas alır (Google Search Central, mobil öncelikli dizine ekleme). Mobilde eksik ya da bozuk görünen içerik sıralamanızı da etkiler.
  • Ziyaretçi beklemez. Özellikle reklamdan veya Google aramasından gelen ziyaretçi, sayfa açılmazsa bir sonraki sonuca geçer. Reklama para verip gelen ziyaretçiyi yavaş sayfada kaybetmek, en pahalı kayıptır.
  • Güven etkisi. Telefonda kayan, taşan ya da yazıları okunmayan bir site, işletmenin özensiz olduğu izlenimini verir.

Google hızı nasıl ölçüyor? Core Web Vitals

Google sayfa deneyimini üç temel ölçümle değerlendirir (web.dev, Core Web Vitals):

ÖlçümNe anlatır?İyi değer
LCP (Largest Contentful Paint)Sayfadaki en büyük içeriğin (genelde ana görsel ya da başlık) ne kadar sürede göründüğü2,5 saniye veya altı
INP (Interaction to Next Paint)Bir butona dokunduğunuzda sayfanın ne kadar hızlı tepki verdiği200 milisaniye veya altı
CLS (Cumulative Layout Shift)Sayfa yüklenirken içeriğin ne kadar kaydığı0,1 veya altı

CLS'yi hepimiz yaşamışızdır: bir linke dokunmak üzereyken sayfa kayar ve yanlış yere basarsınız. Bu değer düşük olmalı.

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

  1. PageSpeed Insights sayfasına sitenizin adresini yazın.
  2. “Mobil” sekmesindeki sonuca bakın. Masaüstü sonucu genelde daha iyidir, ama asıl önemli olan mobil.
  3. Üstteki “gerçek kullanıcı verisi” bölümü, sitenize giren gerçek ziyaretçilerin deneyimini gösterir. Siteniz yeniyse veya az ziyaretçisi varsa bu bölüm boş olabilir.
  4. Aşağıdaki öneriler listesi, sitenizi neyin yavaşlattığını gösterir.

Tek bir sayfayı değil; ana sayfayı, en önemli hizmet sayfasını ve iletişim sayfasını ayrı ayrı ölçün. Google Search Console'daki “Core Web Vitals” raporu da tüm sitenin durumunu özetler.

Sitenizi yavaşlatan 8 neden

  1. Sıkıştırılmamış büyük görseller. Telefon kamerasından doğrudan yüklenen birkaç megabaytlık fotoğraflar. Görseller WebP/AVIF gibi modern formatlarda ve ekran boyutuna uygun ölçülerde olmalı.
  2. Çok sayıda eklenti. Özellikle WordPress sitelerde her eklenti ek kod yükler.
  3. Ağır temalar ve sayfa oluşturucular. Her şeyi yapabilen hazır temalar, kullanmadığınız özelliklerin kodunu da yükler.
  4. Yavaş veya aşırı yüklü hosting. Çok ucuz paylaşımlı sunucular yoğun saatlerde yavaşlar.
  5. Ana sayfada video arka plan ve kayan görseller. Görsel olarak etkileyici ama mobilde ciddi yavaşlık sebebi.
  6. Gereksiz üçüncü taraf kodlar. Artık kullanılmayan takip kodları, sohbet eklentileri, sosyal medya widget'ları.
  7. Önbellek (cache) ve sıkıştırma eksikliği. Her ziyarette aynı dosyaların baştan indirilmesi.
  8. Çok fazla yazı tipi. Her yazı tipi ve kalınlık ayrı bir dosya demek.

Mobil uyum için kontrol listesi

  • Yazılar telefonda büyütmeden okunuyor mu?
  • Butonlar ve linkler parmakla rahat basılabilecek büyüklükte ve aralıkta mı?
  • Telefon numarası tek dokunuşla aranıyor mu?
  • Sayfa yana doğru taşıyor, yatay kaydırma oluyor mu?
  • Açılır pencereler ekranın tamamını kapatıp içeriği engelliyor mu?
  • Formlar telefonda kolay doldurulabiliyor mu (doğru klavye, az alan)?

Yeni bir site yaptırıyorsanız bu konuları teklif aşamasında sorun. Ayrıntılı kontrol listesi için web sitesi yaptırırken dikkat edilmesi gerekenler yazımıza bakabilirsiniz. Mevcut siteniz çok yavaşsa ve temel sorun altyapıdaysa, bazen yenilemek düzeltmeye çalışmaktan daha ekonomik olur. Bunun için web sitesi yenileme rehberimizi okuyun.

Beluga Dijital'in hız yaklaşımı

Sitelerimizi önce mobil için tasarlıyor, görselleri optimize ediyor ve gereksiz kod yüklemiyoruz. Yayından önce PageSpeed Insights ile mobil ve masaüstü ölçüm yapıp sonucu teslim raporuna ekliyoruz. Ayrıntılar: web tasarım hizmetimiz.

Sık sorulan sorular

PageSpeed puanım kaç olmalı?

Puan bir göstergedir, asıl önemli olan Core Web Vitals değerlerinin “iyi” aralıkta olmasıdır. Mobilde 90 ve üzeri çok iyi kabul edilir, ama 100 puan peşinde koşmak yerine gerçek kullanıcı deneyimine odaklanın.

Site hızı Google sıralamasını etkiler mi?

Evet, sayfa deneyimi Google'ın değerlendirdiği sinyallerden biridir. Tek başına sıralamayı belirlemez, ama benzer içerikteki sayfalar arasında fark yaratabilir ve en önemlisi ziyaretçinin sitede kalmasını sağlar.

Mobil uyumlu site ile mobil uygulama aynı şey mi?

Hayır. Mobil uyumlu site, telefon tarayıcısında düzgün çalışan web sitesidir ve indirme gerektirmez. Mobil uygulama ise mağazadan indirilir. Çoğu işletme için mobil uyumlu site yeterlidir.

Sitem yavaş, yenilemem mi gerekiyor?

Her zaman değil. Görsel optimizasyonu, gereksiz eklentilerin kaldırılması ve iyi bir hosting çoğu zaman belirgin iyileşme sağlar. Yavaşlık temanın veya altyapının kendisinden geliyorsa yenileme daha mantıklı olabilir.

Hızlı hosting almak yeterli mi?

Yetmez. İyi hosting önemli bir temel, ama büyük görseller ve ağır kod hızlı bir sunucuda da siteyi yavaşlatır. Hız; sunucu, kod ve içeriğin birlikte iyi olmasıyla elde edilir.