Bir siteye girdiğinde açılmasını kaç saniye beklersin? Pek beklemezsin. Ziyaretçilerin de beklemiyor. Site hızı, markanın internetteki ilk izlenimini büyük ölçüde belirliyor ve çoğu zaman kimse farkına varmadan müşteri kaybettiriyor.
Google birkaç yıldır bu deneyimi ölçüyor ve adını da koymuş: Core Web Vitals. Bu metrikler hem kullanıcının siteni nasıl deneyimlediğini gösteriyor hem de arama sonuçlarındaki yerini doğrudan etkiliyor. Aşağıda bunların ne anlama geldiğini, siteni tipik olarak neyin yavaşlattığını ve pratikte nasıl hızlandırabileceğini kendi deneyimimden anlatacağım.
Özet: bu yazıdan çıkaracakların
- Yavaş açılan site ziyaretçiyi de arama sıralamasını da aynı anda kaybettiriyor.
- Core Web Vitals; LCP, INP ve CLS ile gerçek kullanıcı deneyimini ölçüyor.
- Optimize edilmemiş görseller, ağır tema ve zayıf hosting siteyi en çok yavaşlatıyor.
- Görsel optimizasyonu, önbellekleme ve CDN çoğu sitede gözle görülür hızlanma sağlıyor.
Hız neden hem kullanıcıyı hem SEO'yu ilgilendiriyor?
İnternette insan sabrı çok kısa. Sayfa geç açılınca ziyaretçi ne sattığını görmeden geri tuşuna basıyor. O anda bir müşteri kaybediyorsun, üstüne markan hakkında da kötü bir izlenim kalıyor.
Google da bunu takip ediyor. Arama motoru, kullanıcısını memnun eden sayfaları öne çıkarmak istiyor. Hızlı ve stabil açılan bir site, arama sonuçlarında rakiplerinin önüne geçmen için elle tutulur bir avantaj. Kısacası hız, hem satışı hem görünürlüğü aynı anda etkiliyor.
Core Web Vitals nedir ve tam olarak neyi ölçer?
Core Web Vitals, Google'ın gerçek kullanıcı deneyimini üç metrikle ölçtüğü bir set. Teknik duruyor ama her biri aslında çok gündelik bir soruyu yanıtlıyor: Sayfa ne zaman kullanılır hale geldi, bir yere tıkladığımda hızlı tepki verdi mi, okumaya çalışırken önümde bir şey oynadı mı?
Üç metriğin ne yaptığı şöyle:
- LCP (Largest Contentful Paint): Sayfadaki en büyük parçanın, çoğu zaman ana görselin ya da başlığın ekrana ne kadar sürede geldiğini ölçer. Ziyaretçinin 'tamam, açıldı' dediği an budur.
- INP (Interaction to Next Paint): Bir butona bastığında ya da menüyü açtığında sitenin ne kadar çabuk karşılık verdiğini ölçer. Yani tepki gecikmesini yakalar.
- CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriğin yerinden zıplayıp zıplamadığını ölçer. Tam okumaya başlarken metnin aşağı kaymasını ya da yanlış butona basmanı bu metrik yakalar.
Bir siteyi tipik olarak ne yavaşlatır?
Yavaşlığın arkasında genelde tek bir hata değil, üst üste binmiş birkaç ihmal oluyor. Yıllardır site incelerken hep aynı suçlulara denk geliyorum. İyi tarafı, bunların hepsi düzeltilebilir şeyler.
En sık karşıma çıkanlar şunlar:
- Optimize edilmemiş görseller: Telefonla çekilmiş kocaman fotoğrafların olduğu gibi yüklenmesi, sayfayı yavaşlatan bir numaralı sebep.
- Ağır tema ve gereksiz eklentiler: Kullanmadığın onlarca eklenti ve şişkin bir tema, her ziyaretçiye boş yere yük bindirir.
- Zayıf hosting: Ucuz ve kalabalık bir sunucu, siteni ne kadar iyi kurmuş olursan ol seni yavaşlatır.
- Şişmiş, tekrar eden kod: Zamanla biriken sadeleştirilmemiş kod ve birbirini tekrarlayan komut dosyaları tarayıcıyı yorar.
Siteni gerçekten hızlandıran pratik yöntemler
Hızlandırma çoğu kişinin sandığı kadar karmaşık bir iş değil. Doğru sırayla ilerlersen çoğu sitede gözle görülür bir iyileşme alabilirsin. Ben genelde en çok etki yaratan işten başlarım.
Temel adımlar kabaca şöyle:
- Görselleri optimize et: Boyutlarını ekrana göre küçült, modern formatlara geçir. En hızlı ve en görünür kazancı çoğu zaman buradan alırsın.
- Önbellekleme (cache) kur: Sayfaların hazır bir kopyasını sunarak sunucunun her seferinde sıfırdan üretmesini önle.
- Kodu sadeleştir: Kullanmadığın eklentileri kaldır, gereksiz komut dosyalarını temizle, dosyaları küçült.
- CDN entegre et: İçeriği ziyaretçiye coğrafi olarak en yakın sunucudan sunarak açılış süresini kısalt.
- İyi bir hostinge geç: Trafiğine ve ihtiyacına uygun, güçlü bir altyapı seç. Bu, üzerine kurduğun her iyileştirmenin de daha iyi çalışmasını sağlar.
Mobil performansı neden önce düşünmelisin?
Bugün ziyaretçilerin büyük kısmı siteni telefondan geziyor. Buna rağmen çoğu site hâlâ önce masaüstü düşünülerek tasarlanıp mobilde ağırlaşıyor. Üstelik Google da siteni öncelikli olarak mobil tarafından değerlendiriyor.
Telefonlar genelde daha zayıf bir bağlantıyla ve daha kısıtlı işlemciyle çalışıyor. Masaüstünde 'idare eder' görünen bir site, telefonda ciddi şekilde yavaş kalabiliyor. O yüzden hız çalışmasına her zaman mobilden başlamak hem ziyaretçinin hem sıralamanın lehine. Site hızını tek seferlik değil, bir bakım işi gibi görüp düzenli ölçmek de bu avantajı kalıcı kılıyor.
