Bir kullanıcı arama sonuçlarından sitenize tıkladığında, aslında sessiz bir sınav başlar. Sayfanız ne kadar hızlı açılıyor? İçerik yüklenirken butonlar ve metinler yerinden oynayıp sizi yanlış yere tıklatıyor mu? Bir bağlantıya bastığınızda site anında tepki veriyor mu, yoksa donup kalıyor mu? İşte tam bu noktada core web vitals devreye girer. Core Web Vitals, bir web sayfasının gerçek kullanıcılar açısından ne kadar hızlı, kararlı ve etkileşimli olduğunu ölçen, somut ve sayısal bir performans çerçevesidir.
Bu metrikler yalnızca teknik bir merak konusu değildir; doğrudan arama motoru sıralamalarını ve ziyaretçi davranışını etkiler. Yavaş açılan, sürekli zıplayan ve tepki vermeyen bir sayfa, ne kadar iyi içeriğe sahip olursa olsun kullanıcıyı kaybeder. Arama motorları da bu davranışı izler ve sayfa deneyimi zayıf olan siteleri zamanla geri plana iter. Yani performans artık bir lüks değil, görünürlüğün temel bileşenlerinden biridir.
Bu rehberde core web vitals kavramını sıfırdan ele alacağız: hangi metriklerden oluştuğunu, her birinin ne ölçtüğünü, hedef değerlerin neler olduğunu ve en önemlisi bu değerleri nasıl iyileştireceğinizi adım adım göreceksiniz. Amacımız, hem yazılım bilgisi olan hem de olmayan okuyucunun kavrayabileceği, ancak uygulamaya geçildiğinde gerçek sonuç veren pratik bir kaynak sunmaktır.
Core Web Vitals Nedir?
Core Web Vitals, web sayfalarının kullanıcı deneyimini ölçmek için belirlenmiş, az sayıda ama kritik öneme sahip performans metriklerinin ortak adıdır. Daha geniş bir "Web Vitals" girişiminin çekirdeğini oluştururlar. Web Vitals şemsiyesi altında onlarca ölçüm bulunabilir; ancak core web vitals, bunların içinde herkes için geçerli, en belirleyici olan birkaç tanesine odaklanır.
Bu metriklerin amacı, performansı insanların gerçekten hissettiği üç temel boyutta özetlemektir: yükleme hızı, görsel kararlılık ve etkileşime tepki süresi. Bir başka deyişle "Sayfa ne kadar çabuk kullanılabilir hale geliyor?", "İçerik yüklenirken ekran ne kadar sabit kalıyor?" ve "Kullanıcı bir şeye dokunduğunda site ne kadar hızlı yanıt veriyor?" sorularını cevaplarlar.
Core Web Vitals'ın güzelliği, soyut performans tartışmalarını ölçülebilir, karşılaştırılabilir sayılara dönüştürmesidir. "Site biraz yavaş" gibi belirsiz bir ifade yerine, elinizde "En büyük içerik öğesi 3,8 saniyede yükleniyor" gibi net bir veri olur. Bu netlik, hem sorunu teşhis etmeyi hem de iyileştirmeleri kanıtlamayı çok daha kolay hale getirir.
Web Vitals ile Core Web Vitals Arasındaki Fark
Web Vitals, sayfa performansını ölçmeye yarayan tüm sinyalleri kapsayan geniş bir kavramdır. Core Web Vitals ise bu kümenin içinden seçilmiş, sıralama ve kullanıcı deneyimi açısından en kritik kabul edilen alt grubudur. Zaman içinde core web vitals listesindeki metrikler güncellenebilir; teknoloji ve ölçüm yöntemleri geliştikçe bazı metrikler emekliye ayrılır, yenileri eklenir. Bu nedenle "çekirdek" metriklere odaklanmak, çabanızı en yüksek getiriyi sağlayacak alanlara yöneltmenizi sağlar.
Üç Temel Metrik: LCP, CLS ve INP
Core web vitals bugün üç ana metrikten oluşur. Bunları anlamak, performans optimizasyonunun büyük bölümünü kavramak demektir. Aşağıda her birini ayrı ayrı inceliyoruz. Daha önce bu çerçeveye lcp cls fid üçlüsü olarak aşina olabilirsiniz; ancak FID (First Input Delay) metriği yerini daha kapsamlı bir ölçüm olan INP'ye bırakmıştır.
LCP (Largest Contentful Paint) - En Büyük İçerik Boyaması
LCP, görüntü alanındaki en büyük içerik öğesinin ekranda görünür hale gelmesi için geçen süreyi ölçer. Bu öğe genellikle büyük bir kapak görseli, hero alanındaki bir resim, video poster karesi ya da geniş bir metin bloğu olur. LCP, kullanıcının "Sayfa açıldı, ana içerik karşımda" diye hissettiği anı temsil eder.
LCP, yükleme hızının en somut göstergesidir. Çünkü kullanıcı için önemli olan, sayfanın teknik olarak ne zaman bitirildiği değil, asıl içeriği ne zaman görebildiğidir. Hedef değerler şöyledir:
- İyi: 2,5 saniye ve altı
- Geliştirilmeli: 2,5 ila 4 saniye arası
- Zayıf: 4 saniyenin üzeri
LCP'yi olumsuz etkileyen başlıca etkenler; yavaş sunucu yanıt süreleri, render engelleyen JavaScript ve CSS dosyaları, optimize edilmemiş büyük görseller ve istemci tarafında geç yüklenen içeriklerdir.
CLS (Cumulative Layout Shift) - Kümülatif Düzen Kayması
CLS, sayfa yüklenirken görsel öğelerin beklenmedik şekilde yerinden oynama miktarını ölçer. Hepimiz bunu yaşamışızdır: bir makaleyi okumaya başlarsınız, üstte geç yüklenen bir reklam ya da görsel araya girer ve metin aniden aşağı kayar; ya da "Satın Al" butonuna basacakken sayfa kayar ve yanlış yere tıklarsınız. İşte CLS bu rahatsız edici deneyimi sayısallaştırır.
CLS bir süre cinsinden değil, birimsiz bir puan olarak ölçülür. Hedef değerler:
- İyi: 0,1 ve altı
- Geliştirilmeli: 0,1 ila 0,25 arası
- Zayıf: 0,25 üzeri
Düzen kaymalarının en yaygın nedenleri; boyutu belirtilmemiş görseller ve videolar, dinamik olarak enjekte edilen içerikler (reklamlar, bildirimler), geç yüklenen web fontları ve animasyonlardır.
INP (Interaction to Next Paint) - Bir Sonraki Boyamaya Kadar Etkileşim
INP, kullanıcının sayfayla kurduğu etkileşimlere (tıklama, dokunma, klavye girişi) sayfanın ne kadar hızlı görsel tepki verdiğini ölçer. Daha önce kullanılan FID metriği yalnızca ilk etkileşimin gecikmesini ölçerken, INP sayfa ömrü boyunca yaşanan etkileşimlerin genel tepki süresini değerlendirir. Bu nedenle INP, sayfanın etkileşim performansını çok daha gerçekçi yansıtır.
INP da süre cinsinden ölçülür. Hedef değerler:
- İyi: 200 milisaniye ve altı
- Geliştirilmeli: 200 ila 500 milisaniye arası
- Zayıf: 500 milisaniye üzeri
Zayıf INP genellikle ana iş parçacığını uzun süre meşgul eden ağır JavaScript işlemlerinden, gereksiz büyük komut dosyalarından ve verimsiz olay işleyicilerden kaynaklanır.
Metriklerin Karşılaştırmalı Görünümü
Üç metriği tek bakışta kavramak için aşağıdaki tablo işinizi kolaylaştıracaktır. Bu tabloyu bir kontrol listesi gibi kullanabilir, her sayfa için bu üç eşiği hedefleyebilirsiniz.
| Metrik | Ne Ölçer? | İyi Değer | Geliştirilmeli | Zayıf | Ana Boyut |
|---|---|---|---|---|---|
| LCP | Ana içeriğin yüklenme süresi | ≤ 2,5 sn | 2,5 - 4 sn | > 4 sn | Yükleme hızı |
| CLS | Beklenmedik düzen kayması | ≤ 0,1 | 0,1 - 0,25 | > 0,25 | Görsel kararlılık |
| INP | Etkileşime tepki süresi | ≤ 200 ms | 200 - 500 ms | > 500 ms | Etkileşim |
Önemli bir nokta: Bir sayfanın "iyi" sayılması için genellikle ziyaretlerin yüzde 75'inin bu eşikleri karşılaması beklenir. Yani tek bir hızlı test sonucu yeterli değildir; performansın çoğunluk kullanıcı için tutarlı olması gerekir.
Saha Verisi ve Laboratuvar Verisi Arasındaki Fark
Core web vitals ölçümlerinde sıkça karşılaşacağınız iki kavram, performansı doğru yorumlamanız açısından kritiktir: saha verisi ve laboratuvar verisi.
Laboratuvar verisi, kontrollü bir ortamda, belirli bir cihaz ve ağ koşulu simüle edilerek elde edilen ölçümdür. Geliştirme sırasında sorunları teşhis etmek için idealdir çünkü tekrarlanabilir ve tutarlıdır. Ancak tek bir simülasyon, gerçek kullanıcıların yaşadığı çeşitliliği yansıtmaz.
Saha verisi ise sitenizi gerçekten ziyaret eden kullanıcıların tarayıcılarından toplanan anonim performans verisidir. Farklı cihazlar, internet hızları, coğrafi konumlar ve kullanım senaryolarını içerdiği için gerçek deneyimi yansıtır. Arama motorlarının sıralama değerlendirmesinde esas aldığı veri türü de budur.
Pratikte en sağlıklı yaklaşım, ikisini birlikte kullanmaktır: Laboratuvar verisiyle sorunları tespit edip düzeltir, saha verisiyle bu düzeltmelerin gerçek kullanıcılarda işe yarayıp yaramadığını doğrularsınız. Yalnızca laboratuvar sonuçlarına güvenip saha verisini görmezden gelmek, sık yapılan ve yanıltıcı bir hatadır.
Core Web Vitals'ın SEO'ya Etkisi
Şimdi en çok merak edilen soruya gelelim: Bu metrikler arama sıralamasını gerçekten etkiler mi? Cevap evet, ancak nüanslı bir evet. Core web vitals, daha geniş bir sayfa deneyimi değerlendirmesinin parçası olarak sıralama sinyallerinden biridir. Burada anahtar kelime "sinyallerden biri" ifadesidir.
Sayfa Deneyimi Bir Sıralama Faktörüdür
Arama motorları, kullanıcıları memnun eden sayfaları ödüllendirmek ister. İçeriği alakalı ama deneyimi kötü olan bir sayfa ile içeriği alakalı ve deneyimi mükemmel olan bir sayfa karşılaştırıldığında, ikincisi avantajlıdır. Sayfa deneyimi sinyali; core web vitals değerlerini, mobil uyumluluğu, HTTPS güvenliğini ve müdahaleci ara yüz öğelerinin (örneğin içeriği kapatan agresif açılır pencereler) olmamasını kapsar.
İçerik Hâlâ Kraldır
Burada gerçekçi olmak gerekir. Mükemmel core web vitals puanları, zayıf ve alakasız bir içeriği arama sonuçlarının zirvesine taşımaz. Arama motorları öncelikle kullanıcının niyetine en iyi cevap veren içeriği değerlendirir. Sayfa deneyimi, bu içeriksel değerlendirmenin üzerine eklenen bir ince ayar katmanıdır. Yani core web vitals, "Diğer her şey eşit olduğunda" devreye giren ve sizi rakiplerinizin önüne geçirebilecek bir farklılaştırıcıdır.
Dolaylı Etkiler Çoğu Zaman Daha Güçlüdür
Doğrudan sıralama etkisinin yanında, performansın dolaylı SEO faydaları sıklıkla daha belirleyicidir:
- Hemen çıkma oranı: Yavaş açılan sayfalar, kullanıcıların içeriği görmeden geri dönmesine neden olur. Bu davranış, arama motorlarına sayfanın tatmin edici olmadığı mesajını verir.
- Sayfada kalma süresi ve etkileşim: Hızlı ve kararlı bir sayfada kullanıcılar daha fazla gezinir, daha çok okur ve daha fazla sayfa görüntüler.
- Dönüşüm oranları: Performans iyileştikçe form doldurma, satın alma ve kayıt gibi işlemlerin tamamlanma oranı yükselir. Bu, SEO trafiğinin gerçek değere dönüşmesi demektir.
- Tarama verimliliği: Hızlı yanıt veren bir sunucu, arama motoru botlarının daha fazla sayfayı daha kısa sürede taramasına yardımcı olur.
Yani core web vitals'ı iyileştirdiğinizde yalnızca bir sıralama sinyalini değil, kullanıcı memnuniyetini ve iş sonuçlarını besleyen bütün bir döngüyü güçlendirirsiniz.
LCP'yi İyileştirme Yöntemleri
LCP genellikle üzerinde en hızlı kazanım elde edilen metriktir. İşte en etkili müdahaleler:
- Sunucu yanıt süresini düşürün. İyi bir barındırma altyapısı, önbellekleme ve içerik dağıtım ağı (CDN) kullanımı, ilk bayt süresini (TTFB) belirgin biçimde azaltır.
- Görselleri optimize edin. En büyük içerik öğesi çoğunlukla bir görseldir. Modern görsel formatları kullanın, görselleri sıkıştırın ve doğru boyutlarda sunun. Ekranda 600 piksel genişliğinde görünecek bir görseli 3000 piksel genişliğinde yüklemeyin.
- Kritik kaynakları önceden yükleyin. Hero görseli gibi LCP öğesini önden yükleme (preload) talimatıyla önceliklendirin.
- Render engelleyen kaynakları azaltın. Sayfanın ilk görünümü için gerekli olmayan CSS ve JavaScript'i erteleyin ya da asenkron yükleyin.
- Tembel yüklemeyi dikkatli kullanın. Görüntü alanının altındaki görseller için tembel yükleme harikadır; ancak LCP öğesini asla tembel yüklemeyin, aksi takdirde metriği kötüleştirirsiniz.
CLS'yi İyileştirme Yöntemleri
Görsel kararlılık, çoğu zaman küçük ama disiplinli düzeltmelerle sağlanır:
- Görsel ve video boyutlarını belirtin. Genişlik ve yükseklik değerlerini ya da en-boy oranını tanımlayarak tarayıcının yer ayırmasını sağlayın. Böylece görsel yüklenince içerik zıplamaz.
- Reklam ve gömülü içerikler için yer ayırın. Dinamik olarak gelen öğelerin boyutunu önceden rezerve edin.
- Web fontlarını dikkatli yükleyin. Font değişimi sırasında metnin boyut değiştirmesini en aza indirin; uygun font yükleme stratejileri kullanın.
- Yeni içeriği mevcut içeriğin üstüne eklemeyin. Kullanıcı zaten içeriğe bakarken üstten yeni öğe enjekte etmek en sinir bozucu kaymalara yol açar. Yeni içerikleri görüntü alanının altına ya da kullanıcının beklediği bir alana yerleştirin.
- Animasyonlarda dönüşüm tabanlı özellikleri tercih edin. Düzeni yeniden hesaplamayan, yalnızca görsel dönüşüm uygulayan animasyonlar kayma yaratmaz.
INP'yi İyileştirme Yöntemleri
INP, modern web sitelerinde en zorlayıcı metrik olabilir çünkü doğrudan JavaScript yüküyle ilişkilidir:
- JavaScript miktarını azaltın. Kullanılmayan kodları temizleyin, üçüncü taraf komut dosyalarını gözden geçirin ve gerçekten gerekli olanları tutun.
- Uzun görevleri bölün. Ana iş parçacığını uzun süre kilitleyen işlemleri daha küçük parçalara ayırın ki tarayıcı kullanıcı girişine cevap verebilsin.
- Ağır işleri erteleyin. Kullanıcının ilk etkileşimi için gerekli olmayan hesaplamaları sonraya bırakın ya da arka plana taşıyın.
- Olay işleyicilerini verimli yazın. Her tıklamada gereksiz hesaplama yapan, ağır işlemleri tetikleyen kod yapılarından kaçının.
- Üçüncü taraf etiketlerini denetleyin. Analitik, sohbet widget'ları ve reklam komut dosyaları INP'yi sessizce bozabilir. Hangilerinin gerçekten değer kattığını düzenli olarak sorgulayın.
Performansı Ölçme ve İzleme Süreci
Core web vitals iyileştirmesi tek seferlik bir iş değildir; sürekli bir izleme ve bakım sürecidir. Site büyüdükçe, yeni özellikler eklendikçe ve içerik çoğaldıkça performans yeniden bozulabilir. Bu yüzden ölçümü rutin hale getirmek gerekir.
Sürdürülebilir Bir Yaklaşım Kurun
Önce mevcut durumu net bir şekilde belgeleyin. En çok trafik alan sayfalarınızın LCP, CLS ve INP değerlerini hem laboratuvar hem saha verisiyle ölçün ve kaydedin. Bu, ilerlemeyi kanıtlayacağınız başlangıç çizginizdir. Ardından önceliklendirin: en çok ziyaret edilen ve en çok dönüşüm getiren sayfalar listenizin başında olmalı. Düşük trafikli bir sayfayı kusursuz hale getirmek için saatler harcamak yerine, ana sayfaların ve önemli kategori sayfalarının deneyimini iyileştirmek çok daha yüksek getiri sağlar.
İyileştirmeleri yaptıktan sonra mutlaka tekrar ölçün. Bir değişikliğin LCP'yi düzeltirken INP'yi bozması mümkündür; bu nedenle her müdahaleden sonra üç metriği birlikte değerlendirin. Son olarak, performans gerilemelerini erken yakalamak için düzenli kontrol ritmi oluşturun. Aylık ya da yeni bir yayın sonrası kontrol, küçük sorunlar büyümeden müdahale etmenizi sağlar.
Mobil Önceliğini Unutmayın
Çoğu sitede trafiğin büyük bölümü mobil cihazlardan gelir ve mobil cihazlar genellikle masaüstüne göre daha sınırlı işlemci gücüne ve daha değişken ağ koşullarına sahiptir. Performansı her zaman önce mobilde test edin. Masaüstünde harika görünen değerler, mobilde çok daha zayıf çıkabilir ve arama motorları çoğunlukla mobil deneyimi esas alır.
Sık Yapılan Hatalar ve Yanlış Anlamalar
Core web vitals konusunda en çok zaman ve enerji kaybettiren yanılgıları bilmek, sizi gereksiz çabadan kurtarır.
İlk yaygın hata, tek bir test aracının verdiği puanı takıntı haline getirmektir. Önemli olan tek bir oturumdaki sonuç değil, gerçek kullanıcı çoğunluğunun tutarlı deneyimidir. İkinci hata, performansı tamamen geliştiricilerin işi sayıp içerik ve tasarım ekiplerini sürecin dışında tutmaktır; oysa devasa görseller yükleyen bir içerik editörü ya da ağır bir widget ekleyen bir pazarlamacı, en iyi teknik altyapıyı bile bozabilir. Üçüncü hata, mükemmel puanların tek başına sıralamayı uçuracağını sanmaktır; performans, kaliteli içeriğin yerine geçmez, onu tamamlar.
Bir başka önemli yanılgı, optimizasyonu tek seferlik bir proje gibi görmektir. Performans bir durum değil, sürekli korunması gereken bir niteliktir. Bugün mükemmel olan değerler, eklenen birkaç komut dosyasıyla aylar içinde sessizce kötüleşebilir.
Sıkça Sorulan Sorular
Core Web Vitals SEO sıralaması için ne kadar önemli?
Core web vitals, sayfa deneyimi değerlendirmesinin bir parçası olarak gerçek bir sıralama sinyalidir, ancak tek başına belirleyici değildir. İçerik kalitesi ve alaka düzeyi hâlâ en güçlü faktörlerdir. Core web vitals, içeriği güçlü olan sayfalar arasında fark yaratan bir ince ayar gibidir. Ayrıca hemen çıkma oranı ve dönüşüm gibi dolaylı etkileri sayesinde toplam SEO performansınıza belirgin katkı sağlar.
LCP, CLS ve INP değerlerimi nasıl öğrenebilirim?
Bu değerleri hem laboratuvar hem saha verisi sunan ücretsiz performans ölçüm araçlarıyla görebilirsiniz. Geliştirme aşamasında tarayıcının yerleşik geliştirici araçları laboratuvar verisi için idealdir. Gerçek kullanıcı deneyimini yansıtan saha verisini görmek içinse, ziyaretçilerinizin tarayıcılarından anonim ölçüm toplayan araçları kullanmanız gerekir. En sağlıklı sonuç, iki veri türünü birlikte değerlendirmekten geçer.
FID neden INP ile değiştirildi?
FID, yalnızca kullanıcının ilk etkileşiminin gecikmesini ölçüyordu ve bu nedenle sayfanın etkileşim performansının yalnızca küçük bir kısmını yansıtıyordu. INP ise sayfa ömrü boyunca gerçekleşen tüm etkileşimleri değerlendirir ve görsel tepki süresini bütünsel olarak ölçer. Bu nedenle INP, gerçek kullanıcı deneyimini çok daha doğru temsil eder ve lcp cls fid üçlüsünün yerini lcp cls inp çerçevesi almıştır.
Core Web Vitals'ı iyileştirmek ne kadar sürer?
Bu, sitenizin mevcut durumuna ve teknik altyapısına bağlıdır. Görsel optimizasyonu ve boyut tanımlaması gibi bazı kazanımlar bir günde elde edilebilir ve LCP ile CLS'de hızlı iyileşme sağlar. INP gibi JavaScript yoğun metrikler ise genellikle daha derin bir çalışma gerektirir. Önemli olan, en çok trafik alan sayfalardan başlayıp adım adım ilerlemek ve her değişikliği ölçerek doğrulamaktır.
Sayfa deneyimi sadece hızdan mı ibaret?
Hayır. Sayfa deneyimi; yükleme hızını, görsel kararlılığı ve etkileşim tepkisini kapsayan core web vitals'ın yanında mobil uyumluluğu, güvenli bağlantıyı (HTTPS) ve içeriği engelleyen müdahaleci ara yüz öğelerinin olmamasını da içerir. Bu nedenle yalnızca hızı iyileştirmek yeterli değildir; bütünsel bir kullanıcı deneyimi hedeflemelisiniz.
Küçük bir blog veya kurumsal site için de bu metrikler önemli mi?
Kesinlikle. Core web vitals, site büyüklüğünden bağımsız olarak her ziyaretçinin deneyimini etkiler. Küçük bir sitenin avantajı, genellikle daha az karmaşık olması ve dolayısıyla iyi değerlere ulaşmasının daha kolay olmasıdır. Hızlı ve kararlı bir küçük site, performans sorunları yaşayan büyük bir rakibe karşı arama sonuçlarında belirgin bir avantaj elde edebilir.
Sonuç
Core Web Vitals, web performansını soyut bir tartışma olmaktan çıkarıp ölçülebilir, iyileştirilebilir ve doğrulanabilir bir disipline dönüştürür. LCP ile yükleme hızını, CLS ile görsel kararlılığı ve INP ile etkileşim tepkisini izleyerek, kullanıcılarınızın gerçekten yaşadığı deneyimi sayısal olarak yönetebilirsiniz. Bu üç metrik birlikte, ziyaretçinin sayfanıza dair ilk izlenimini ve onunla kurduğu her etkileşimi şekillendirir.
SEO açısından bakıldığında, core web vitals ne tek başına bir sihirli değnek ne de göz ardı edilebilecek bir ayrıntıdır. Kaliteli ve alakalı içeriğin üzerine eklenen, sizi rakiplerinizden ayıran güçlü bir tamamlayıcıdır. Üstelik hemen çıkma oranını düşürerek, sayfada kalma süresini artırarak ve dönüşümleri yükselterek SEO çabalarınızın tamamını dolaylı olarak besler.
En iyi yaklaşım, performansı tek seferlik bir görev değil, sürekli bir alışkanlık olarak benimsemektir. En çok trafik alan sayfalarınızı önceliklendirin, önce mobilde test edin, her değişikliği ölçerek doğrulayın ve sayfa deneyimini hem teknik ekibin hem içerik ekibinin ortak sorumluluğu haline getirin. Bugün atacağınız küçük ve disiplinli adımlar, zamanla hem arama görünürlüğünüzü hem de ziyaretçi memnuniyetinizi kalıcı biçimde yükseltecektir.