Web sitesi hızı neden önemli? Core Web Vitals'ı sade dille anlattık

Web sitesi hızı, ziyaretçinin sayfayı ne kadar sürede görüp kullanabildiğidir. Google bunu Core Web Vitals denen üç ölçümle değerlendirir: ana içeriğin yüklenme süresi (LCP), dokunuşlara tepki süresi (INP) ve sayfanın yüklenirken kayıp kaymadığı (CLS). Yavaş site hem sıralamada geride kalır hem de ziyaretçiyi rakibe gönderir.

Hız neden bu kadar önemli?

Bir müşteri Google'da “Balıkesir oto ekspertiz” yazdı ve sonuçlardan birine tıkladı. Sayfa beş saniye beyaz kaldı. Ne yapar? Geri tuşuna basar ve listedeki bir sonraki işletmeye tıklar. Bu kadar basit. Ziyaretçi sizin hizmetinizin kalitesini görmeden kaybedilmiştir.

Hızın etkisi iki yönlüdür. Birincisi kullanıcı tarafıdır: yavaş sayfalarda terk oranı yükselir, form ve sepet tamamlanma oranı düşer. İkincisi Google tarafıdır: Core Web Vitals, Google'ın sayfa deneyimi sinyallerinden biridir. Aynı kalitede içeriğe sahip iki siteden hızlı olanı avantajlıdır.

Core Web Vitals nedir?

LCP (Largest Contentful Paint): ana içerik ne zaman göründü?

Sayfadaki en büyük görsel ya da metin bloğunun ekranda görünme süresidir. Ziyaretçinin “sayfa açıldı” hissine en yakın ölçümdür. Google'ın hedefi 2,5 saniyenin altıdır. En sık nedeni: sıkıştırılmamış büyük kapak görselleri ve yavaş sunucu.

INP (Interaction to Next Paint): dokunduğumda ne kadar hızlı tepki verdi?

Ziyaretçi bir düğmeye, menüye ya da forma dokunduğunda sayfanın görsel olarak tepki verme süresidir. Hedef 200 milisaniyenin altıdır. En sık nedeni: ağır JavaScript, çok sayıda eklenti ve üçüncü parti betikler (sohbet araçları, reklam ve takip kodları).

CLS (Cumulative Layout Shift): sayfa yüklenirken kaydı mı?

Okumaya başladığınız metin, üstte geç yüklenen bir görsel ya da reklam yüzünden aşağı kaydı mı? Ya da tam “Ara” düğmesine basacakken düğme yer değiştirdi mi? CLS bunu ölçer. Hedef 0,1'in altıdır. En sık nedeni: boyutu belirtilmemiş görseller ve geç yüklenen fontlar ya da bantlar.

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

1. PageSpeed Insights: pagespeed.web.dev adresine sitenizin adresini yazın. Üstte gerçek kullanıcı verisi (yeterli trafik varsa), altta laboratuvar testi görünür. Mobil sonucu esas alın.
2. Search Console: “Core Web Vitals” raporu, sitenizin hangi sayfalarının iyi, iyileştirilmeli ya da kötü olduğunu gerçek kullanıcı verisiyle gösterir.
3. Kendi telefonunuz: Wi-Fi'yi kapatıp mobil veriyle sitenizi açın. Bu, müşterilerinizin gerçekte yaşadığı deneyimdir.

Yavaş siteyi hızlandırmak için neler yapılır?

• Görselleri optimize edin: WebP ya da AVIF formatına çevirin, ekranda gösterilecek boyuttan büyük görsel yüklemeyin, ilk ekranda görünmeyen görselleri geç yükleyin (lazy load).
• Eklentileri azaltın: WordPress sitelerde kullanılmayan her eklentiyi kaldırın. Her eklenti ek CSS ve JavaScript demektir.
• Ağır hazır temalardan kaçının: “Her şeyi yapan” temalar, kullanmadığınız yüzlerce özelliğin kodunu da yükler.
• Üçüncü parti betikleri kontrol edin: sohbet balonları, ısı haritaları, birden fazla takip kodu. Her biri gerçekten gerekli mi?
• Önbellek ve CDN kullanın: sayfaların hazır kopyalarını sunmak sunucu yükünü ve bekleme süresini azaltır.
• Görsellere boyut verin: genişlik ve yükseklik belirtmek CLS'yi önler.
• İyi hosting seçin: çok ucuz paylaşımlı sunucular yoğun saatlerde yavaşlar.

Bu site neden hızlı?

Okuduğunuz site Next.js ile statik olarak üretildi: her sayfa önceden hazırlanmış HTML olarak sunuluyor, görseller WebP formatında ve boyutları belirtilmiş, ağır eklenti ya da hazır tema yok. Müşteri sitelerinde de aynı yaklaşımı kullanıyoruz; WordPress gereken projelerde ise hazır tema yerine hafif, size özel yazılmış tema kuruyoruz.

Sonuç

Hız, “olsa iyi olur” değil; Google'da görünmenin ve ziyaretçiyi müşteriye çevirmenin ön koşulu. Sitenizin hızını merak ediyorsanız ücretsiz analiz formuna adresinizi yazın; mobil hız, Core Web Vitals ve SEO durumunu inceleyip WhatsApp'tan raporlayalım. Yerel aramalarda görünürlüğü artırmak için yerel SEO rehberimize de göz atın.