Web sitesi hızı neden önemli? Core Web Vitals'ı sade bir dille anlatıyoruz

Bir web sitesine telefondan giren kişi birkaç saniye içinde bir şey görmezse geri tuşuna basar. Bu, özellikle "şimdi" ihtiyacı olan aramalarda (taksi, nakliyat, servis, randevu) doğrudan kaybedilmiş müşteri demektir. Google da bu yüzden sayfa deneyimini ölçer ve sıralamada dikkate alır.

Google'ın ölçtüğü üç değer

Google gerçek ziyaretçilerin tarayıcılarından topladığı verilerle üç ölçüm yapar. Bunlara Core Web Vitals denir.

LCP: ana içerik ne zaman görünüyor?

Ziyaretçinin gördüğü en büyük öğe (genellikle başlık ya da ana görsel) ne kadar sürede ekrana geliyor? Büyük ve sıkıştırılmamış görseller, yavaş sunucu ve sayfanın tarayıcıda baştan oluşturulması LCP'yi uzatır.

INP: dokununca tepki veriyor mu?

Menüye, düğmeye ya da forma dokunduğunuzda sayfanın tepki vermesi ne kadar sürüyor? Ağır JavaScript, çok sayıda eklenti ve reklam kodları tepkiyi geciktirir.

CLS: içerik kayıyor mu?

Bir bağlantıya dokunmak üzereyken sayfanın kayması ve yanlış yere dokunmanız. Boyutu belirtilmemiş görseller, sonradan yüklenen yazı tipleri ve reklam alanları buna yol açar.

Nasıl ölçülür?

• PageSpeed Insights (pagespeed.web.dev): Sayfanın adresini girin. Üst kısımda gerçek kullanıcı verileri (saha verisi), alt kısımda laboratuvar testi gösterilir. Önemli olan saha verisidir.
• Search Console: "Core Web Vitals" raporu sitenizin hangi sayfalarının iyi, iyileştirilmesi gereken ya da kötü olduğunu gösterir.

Laboratuvar puanı test anına göre değişir; tek bir ölçüme takılmayın, eğilime bakın.

Siteyi asıl ne yavaşlatır?

Deneyimlerimize göre en sık nedenler:

1. Sıkıştırılmamış görseller. Telefonla çekilmiş 4–5 MB'lık fotoğrafın olduğu gibi siteye yüklenmesi. Aynı görsel modern biçimde (WebP, AVIF) ve doğru boyutta onda biri boyutuna iner.
2. Eklenti yığını. Her eklenti kendi kodunu ve stil dosyasını her sayfaya ekler.
3. Sayfanın tarayıcıda oluşturulması. Bazı siteler önce boş bir sayfa gönderip içeriği tarayıcıda JavaScript ile oluşturur. Sayfayı sunucuda hazırlayıp göndermek hem hızlıdır hem de Google'ın içeriği okumasını kolaylaştırır.
4. Dış kaynaklar. Yazı tiplerinin, kütüphanelerin ve takip kodlarının başka sunuculardan çekilmesi.
5. Zayıf sunucu. Paylaşımlı ucuz barındırmada sunucunun ilk cevabı geç gelebilir.

Bizim sitelerde neler yapıyoruz?

• Sayfaları sunucuda hazırlıyoruz; tarayıcıya hazır HTML gidiyor.
• Görselleri yayından önce WebP biçimine ve ekran boyutlarına göre birkaç farklı genişliğe çeviriyoruz; telefon küçük olanı indiriyor.
• Görsellerin ve yerleşimin boyutlarını önceden belirtiyoruz; içerik kaymıyor.
• Yazı tiplerini sitenin kendi sunucusundan, yalnız gereken karakter setleriyle sunuyoruz.
• Animasyonları yalnız transform ve opacity ile yapıyoruz; ekran dışındaki animasyonları durduruyoruz.
• Gereksiz eklenti ve takip kodu kullanmıyoruz.

Demirhan Nakliyat sitesinde sayfalar önceden üretilip Cloudflare üzerinden sunuluyor; bu yöntemle sunucu cevabı neredeyse anlık oluyor.

Hız tek başına yetmez

Hızlı ama ne yaptığınızı anlatmayan bir site de müşteri getirmez. Hız; açık içerik, doğru sayfa yapısı ve yerel SEO çalışmasıyla birlikte anlam kazanır. Bunları yerel SEO rehberimizde anlattık.

Sitenizin hızını birlikte ölçmek isterseniz adresini bize gönderin; neyin yavaşlattığını ve neyin düzeltilebileceğini açıkça yazalım.