Arama motoru optimizasyonu evrim geçirdikçe, Google içeriğin kalitesi kadar o içeriğe ne kadar hızlı ve sorunsuz ulaşıldığına da odaklanmaya başladı. 2021 yılında hayatımıza giren Core Web Vitals (Önemli Web Verileri), kullanıcı deneyimini (UX) ölçülebilir sayılara döken bir standart haline geldi. Günümüzde, sitenizin hızı sadece bir “tercih” değil, sıralama faktörü olarak bir “zorunluluktur.”
Bu rehberde, site hızını etkileyen temel sorunları ve Core Web Vitals metriklerindeki kritik eksiklikleri nasıl gidereceğinizi detaylandıracağız.
1. Core Web Vitals Nedir? Üç Ana Silahşör
Google, kullanıcı deneyimini üç ana metrik üzerinden değerlendirir. Bu metriklerin herhangi birinde “Zayıf” (Poor) notu almak, sıralama kaybına yol açabilir.
A. LCP (Largest Contentful Paint – En Büyük İçerikli Boyama)
Odak: Yükleme Hızı. Sayfanın ana içeriğinin (genellikle büyük bir görsel veya video) ne kadar sürede görünür olduğunu ölçer.
-
İdeal Değer: 2.5 saniye veya altı.
-
Hata: LCP öğesinin optimize edilmemiş devasa bir görsel olması.
B. INP (Interaction to Next Paint – Sonraki Boyamayla Etkileşim)
Odak: Etkileşim ve Yanıt Verme. (FID’nin yerini almıştır). Kullanıcı bir düğmeye tıkladığında veya bir işlem yaptığında, tarayıcının buna ne kadar sürede görsel bir yanıt verdiğini ölçer.
-
İdeal Değer: 200 milisaniye veya altı.
-
Hata: Sayfada çok fazla ağır JavaScript dosyasının çalışması ve ana thread’i (ana işlem parçacığı) meşgul etmesi.
C. CLS (Cumulative Layout Shift – Kümülatif Düzen Kayması)
Odak: Görsel İstikrar. Sayfa yüklenirken öğelerin beklenmedik şekilde yer değiştirip değiştirmediğini ölçer. Bir butona basacakken sayfanın kayması ve yanlış yere tıklamanız CLS hatasıdır.
-
İdeal Değer: 0.1 veya altı.
-
Hata: Resimlere veya reklam alanlarına yükseklik ve genişlik değerleri atanmaması.
2. Site Hızını Baltalayan En Yaygın Teknik Eksiklikler
Site hızınızın düşük olmasının arkasında genellikle birkaç temel “teknik borç” yatar:
Sunucu Yanıt Süresi (TTFB) Problemleri
Sunucunuzun kullanıcı isteğine yanıt vermesi 600ms’den uzun sürüyorsa, diğer tüm optimizasyonlar etkisiz kalır.
-
Çözüm: Kaliteli bir hosting seçimi, CDN (İçerik Dağıtım Ağı) kullanımı ve sunucu taraflı önbellekleme (Object Cache).
Optimize Edilmemiş Görseller
Sayfa ağırlığının genellikle %60-70’ini görseller oluşturur.
-
Hata: 5 MB’lık bir PNG dosyasını 300×300 piksellik bir alanda kullanmak.
-
Çözüm: WebP veya Avif formatına geçiş, “Lazy Load” (Tembel Yükleme) özelliğini aktif etme.
JavaScript ve CSS Yoğunluğu
Modern web siteleri çok fazla eklenti ve kütüphane kullanır. Her bir CSS ve JS dosyası, sayfanın “render” edilmesini geciktiren birer engeldir.
-
Çözüm: Dosyaları küçültmek (Minify), kullanılmayan CSS kodlarını temizlemek ve kritik CSS (Critical CSS) yöntemini uygulamak.
3. Core Web Vitals Hataları Nasıl Giderilir?
LCP’yi İyileştirmek İçin:
-
Preload (Ön Yükleme): Ana banner görselini veya en üstteki yazı başlığını önceden yüklemesi için tarayıcıya komut verin:
<link rel="preload" href="hero-image.jpg" as="image">. -
Render-Blocking Kaynakları Kaldırın: Yazı tiplerini ve CSS dosyalarını optimize ederek tarayıcının içeriği hemen çizmesini sağlayın.
CLS’yi (Düzen Kaymasını) Durdurmak İçin:
-
Boyut Belirtin: Tüm resim ve video öğelerine
widthveheightözniteliklerini ekleyin. -
Reklam Alanları: AdSense gibi reklam alanları için sabit yükseklikte konteynerlar oluşturun. Reklam yüklenmese bile o alan boş kalmalı, sayfa aşağı kaymamalıdır.
INP’yi (Etkileşimi) Hızlandırmak İçin:
-
Web Workers: Ağır JavaScript işlemlerini ana işlemci dışına taşıyın.
-
Üçüncü Taraf Kodları Sınırlayın: Sohbet araçları, takip pikselleri ve ısı haritası kodlarını sadece ihtiyaç duyulan sayfalarda ve gecikmeli olarak yükleyin.
4. Analiz ve Takip Araçları
Site hızını bir kere düzeltmek yetmez; sürekli takip etmelisiniz.
-
Google PageSpeed Insights: Hem laboratuvar hem de gerçek kullanıcı verilerini (CrUX) sunan en temel araçtır.
-
Search Console “Önemli Web Verileri” Raporu: Sitenizdeki hangi sayfaların topluca hangi metrikte sorun yaşadığını gösterir.
-
Lighthouse (Chrome DevTools): Geliştirme aşamasında anlık hız testi yapmanızı sağlar.
5. SEO İçin “Hız” Neden Sadece Saniye Değildir?
Site hızı, kullanıcı psikolojisiyle doğrudan bağlantılıdır. 3 saniyeden uzun sürede açılan sitelerin ziyaretçilerinin yarısından fazlası siteyi terk eder. Bu da Google’a “Bu site kullanıcıyı tatmin etmiyor” sinyali gönderir.
Özetle:
-
Hız = Dönüşüm.
-
İstikrar (CLS) = Güven.
-
Etkileşim (INP) = Sadakat.
Selinöz Yapı Mimarlık gibi görsel odaklı projelerle uğraşırken, yüksek çözünürlüklü inşaat ve mimari görselleri kullanmak kaçınılmazdır. Bu noktada görselleri kaliteden ödün vermeden nasıl sıkıştırdığınız, LCP skorunuzu belirleyen en kritik faktör olacaktır. Görsel optimizasyonu için özel bir CDN veya otomatik sıkıştırma algoritması kullanmayı düşündünüz mü?
