Core Web Vitals Nedir? 2026 Web Performans ve SEO Optimizasyon Rehberi

Core Web Vitals Nedir? 2026 Web Performans ve SEO Optimizasyon Rehberi

Core Web Vitals, Google’ın web sitelerinin kullanıcı deneyimini ölçmek için kullandığı temel performans metrikleridir. 2026 itibarıyla bu metrikler, arama sıralamalarını doğrudan etkileyen kritik SEO faktörleri haline gelmiştir. Web sitenizin hızını, görsel stabilitesini ve etkileşim kalitesini ölçen bu metrikleri optimize etmek, hem organik trafiğinizi artırmak hem de kullanıcı memnuniyetini yükseltmek için vazgeçilmezdir.

Bu rehberde, Core Web Vitals’ın her bir bileşenini detaylı şekilde inceleyecek, 2026 güncellemeleriyle gelen yeni metrikleri açıklayacak ve web sitenizi en üst performans seviyesine taşıyacak pratik stratejileri adım adım paylaşacağız.

Core Web Vitals’ın Temel Bileşenleri

Google, web performansını değerlendirmek için üç temel Core Web Vitals metriği tanımlamıştır. Bu metrikler, bir web sayfasının gerçek dünya performansını kullanıcı perspektifinden ölçer ve her biri farklı bir kullanıcı deneyimi boyutunu temsil eder.

Largest Contentful Paint (LCP) — En Büyük İçerik Boyaması

LCP, sayfanın en büyük içerik öğesinin ekranda görünür hale gelme süresini ölçer. Bu öğe genellikle bir hero görsel, başlık metni veya video olabilir. Google’ın 2026 standartlarına göre iyi LCP değeri 2,5 saniyenin altı olarak kabul edilmektedir. LCP değerinizi iyileştirmek için şu adımları izleyebilirsiniz:

• Sunucu yanıt süresini optimize edin: Time to First Byte (TTFB) değerini 800 ms altına düşürün
• Görselleri modern formatlarda sunun: WebP ve AVIF formatları JPEG’den %25-50 daha küçüktür
• Critical rendering path’i optimize edin: CSS ve JavaScript dosyalarının render-blocking etkisini minimize edin
• Content Delivery Network (CDN) kullanarak statik varlıkları coğrafi olarak yakın sunuculardan sunun
• Preload ve fetch hint’lerini kullanarak kritik kaynakları önceden yükleyin

Interaction to Next Paint (INP) — Etkileşimden Sonraki Boyama

INP, 2026 itibarıyla First Input Delay (FID) metriğinin yerini almış olan yeni etkileşim ölçümüdür. Kullanıcının bir etkileşim başlatması ile sayfanın bu etkileşime görsel yanıt vermesi arasındaki süreyi ölçer. INP, tüm kullanıcı etkileşimlerini (tıklama, klavye, dokunma) değerlendirerek sayfanın genel etkileşim kalitesini belirler. İyi INP değeri 200 milisaniyenin altı olarak tanımlanmaktadır.

INP optimizasyonu için kritik adımlar:

• JavaScript execution süresini azaltın: Uzun task’ları küçük parçalara bölün
• Event handler’ları optimize edin: Passive event listener’lar kullanın ve gereksiz hesaplamalardan kaçının
• Third-party script’lerin etkisini minimize edin: Analytics, chat widget’ları ve reklam kodlarını erteleme veya web worker ile izole etme stratejileri uygulayın
• Client-side rendering yerine server-side rendering veya static generation tercih edin
• Web Worker’lar kullanarak ağır hesaplamaları ana thread’den taşıyın

Cumulative Layout Shift (CLS) — Birikimli Düzen Kayması

CLS, sayfa yüklenirken veya etkileşim sırasında beklenmeyen düzen kaymalarının toplam etkisini ölçer. Bir kullanıcı metin okurken görselin yüklenmesiyle içeriğin aşağıya itilmesi veya reklam banner’ının sayfayı kaydırması gibi durumlar CLS skorunu olumsuz etkiler. İyi CLS değeri 0,1’in altı olarak kabul edilir.

CLS optimizasyon stratejileri:

• Görsellere ve video öğelerine her zaman width ve height özellikleri ekleyin
• Dinamik olarak yüklenen içerikler için placeholder alanları belirleyin
• Font yüklemelerinde font-display: swap veya optional kullanarak layout shift’leri önleyin
• Reklam ve embed alanları için sabit boyutlu konteynerler oluşturun
• Animasyonları transform ve opacity CSS özellikleriyle uygulayarak composite-only animasyonlar tercih edin

2026 Core Web Vitals Güncellemeleri

Google, 2026 yılında Core Web Vitals değerlendirmesinde önemli değişiklikler yapmıştır. Bu güncellemeler, web performans optimizasyonu yaklaşımımızı kökten değiştiren yenilikler içermektedir.

INP’nin FID’in Yerini Alması

First Input Delay (FID) metriği, yalnızca ilk etkileşimi ölçtüğü için eksik bir performans göstergesiydi. INP ise tüm etkileşimleri değerlendirdiği için çok daha kapsamlı bir ölçüm sunmaktadır. Bu geçiş, özellikle dinamik web uygulamaları ve single-page application (SPA) kullanan siteler için büyük önem taşımaktadır. FID’den INP’ye geçiş, web geliştiricilerin yalnızca ilk yükleme performansına değil, tüm oturum boyunca süren etkileşim kalitesine odaklanmasını gerektirmektedir.

Yeni Performans Eşik Değerleri

2026 güncellemesiyle Google, Core Web Vitals eşik değerlerini yeniden tanımlamıştır. Bu değerler, modern web standartlarına ve kullanıcı beklentilerine uyumlu şekilde güncellenmiştir. İyi performans eşikleri LCP için 2,5 saniye, INP için 200 milisaniye ve CLS için 0,1 olarak belirlenmiştir. Geliştirme için iyileştirme gereken değerler ise sırasıyla 4 saniye, 500 milisaniye ve 0,25 olarak kabul edilmektedir.

Core Web Vitals Ölçüm Araçları ve Yöntemleri

Core Web Vitals performansınızı doğru ölçmek, optimizasyon sürecinin ilk ve en kritik adımıdır. 2026 yılında kullanabileceğiniz başlıca ölçüm araçları ve yöntemleri şunlardır:

Google Search Console — Core Web Vitals Raporu

Search Console, sitenizin gerçek kullanıcı verilerine dayalı Core Web Vitals performansını URL bazında raporlayan en kapsamlı ücretsiz araçtır. Mobil ve masaüstü performansını ayrı ayrı gösterir ve iyileştirme gerektiren URL gruplarını tanımlar. Bu rapor, Chrome Kullanıcı Deneyimi Raporu (CrUX) verilerini temel alarak gerçek dünya performansını yansıtır ve SEO çalışmalarınızın temel veri kaynağı olmalıdır.

PageSpeed Insights — Laboratuvar ve Alan Verileri

PageSpeed Insights, hem laboratuvar (Lighthouse) hem de alan (CrUX) verilerini tek bir arayüzde sunar. Laboratuvar verileri kontrol edilmiş ortamda ölçülen performansı gösterirken, alan verileri gerçek kullanıcı deneyimini yansıtır. 2026 versiyonu, INP metriğini de kapsayacak şekilde güncellenmiş ve daha detaylı optimizasyon önerileri sunmaktadır.

Chrome DevTools — Performans Profili

Geliştirme sürecinde Chrome DevTools Performans paneli, sayfanızın render sürecini milisaniye düzeyinde analiz etmenize olanak tanır. Main thread aktivitelerini, layout shift’leri ve long task’ları görsel olarak inceleyebilirsiniz. Performance Insights sekmesi, INP sorunlarını belirlemek için özel bir mod sunmaktadır.

Core Web Vitals ölçümünde dikkat etmeniz gereken önemli bir nokta, laboratuvar ve alan verileri arasındaki farktır. Laboratuvar verileri tutarlı ortamda tekrarlanabilir sonuçlar sunarken, alan verileri gerçek kullanıcıların çeşitli cihaz ve ağ koşullarındaki deneyimlerini yansıtır. Her iki veri kaynağını birlikte değerlendirmek, kapsamlı bir optimizasyon stratejisi oluşturmanız için gereklidir.

LCP Optimizasyonu İçin Detaylı Stratejiler

Largest Contentful Paint optimizasyonu, sayfanızın algılanan hızını doğrudan etkileyen en kritik performans çalışmasıdır. Kullanıcının sayfanın faydalı olduğunu hissettiği anı ölçen LCP, aynı zamanda arama motorlarının sayfa kalitesini değerlendirdiği temel metriktir.

Sunucu Yanıt Süresi Optimizasyonu

TTFB değerini düşürmek, LCP optimizasyonunun ilk adımıdır. Sunucu yanıt süresi 800 milisaniyeyi aştığında, tüm sayfa yükleme süreci gecikir. CDN kullanımı, server-side caching, veritabanı sorgu optimizasyonu ve PHP uygulama performansı bu süreçte kritik rol oynar. LiteSpeed veya Nginx tabanlı sunucular, Apache’ye göre belirgin TTFB avantajı sunmaktadır.

Görsel Optimizasyon Teknikleri

Hero görseller genellikle LCP öğesi olduğundan, görsel optimizasyon LCP performansını doğrudan belirler. Modern görüntü formatları olan WebP ve AVIF, kaliteden ödün vermeden %25-50 dosya boyutu azaltma sağlar. Responsive görseller için srcset ve sizes özelliklerini kullanarak her cihaz boyutuna uygun çözünürlükte görsel sunabilirsiniz. Lazy loading’i hero görsel için kullanmamaya dikkat edin; bunun yerine preload etiketiyle öncelikli yükleme yapın.

CSS ve JavaScript Optimizasyonu

Render-blocking kaynaklar, LCP süresini doğrudan uzatır. Kritik CSS’i inline olarak sayfaya ekleyin ve geri kalan CSS dosyalarını async olarak yükleyin. JavaScript dosyaları için code splitting uygulayın ve yalnızca ilk ekranda gerekli kodu yükleyin. Tree shaking ile kullanılmayan kodları paket boyutundan çıkarın.

INP Optimizasyonu — Etkileşim Performansını Artırma

INP optimizasyonu, modern web sitelerinin en kritik performans çalışmalarından biridir. Kullanıcıların tıklama, kaydırma ve form doldurma gibi etkileşimlere hızlı yanıt alması, dönüşüm oranlarını doğrudan etkiler.

JavaScript Yürütme Süresini Azaltma

Ana thread’de 50 milisaniyeyi aşan her task, long task olarak sınıflandırılır ve INP değerini olumsuz etkiler. Kodunuzu küçük, asenkron parçalara bölerek ana thread’i serbest bırakın. requestAnimationFrame ve requestIdleCallback API’lerini kullanarak düşük öncelikli işleri erteleme stratejisi uygulayın. JavaScript framework’lerinin performans modlarını aktive edin; örneğin React’ta production build kullanın ve gereksiz re-render’ları önleyin.

Third-Party Script Yönetimi

Analitik araçları, chat widget’ları, reklam kodları ve sosyal medya butonları gibi third-party script’ler, INP performansını en çok düşüren faktörler arasındadır. Bu script’leri erteleme (defer), async yükleme veya web worker içinde izole etme stratejileri uygulayın. Partytown gibi araçlar, third-party script’leri web worker’a taşıyarak ana thread’i rahatlatır.

Event Handler Optimizasyonu

Her etkileşim olayında ağır hesaplamalar yapmak yerine, event handler’ları hafif tutun. Debounce ve throttle tekniklerini kullanarak sık tetiklenen olayların performans yükünü azaltın. Passive event listener’lar kullanarak scroll ve touch olaylarının ana thread’i bloke etmesini önleyin.

CLS Optimizasyonu — Görsel Stabiliteyi Sağlama

Cumulative Layout Shift, kullanıcı deneyimini doğrudan etkileyen ve genellikle gözden kaçırılan bir performans metriğidir. Sayfa yüklenirken içeriğin beklenmeyen şekilde yer değiştirmesi, kullanıcıların yanlış yere tıklamasına, okuma akışının bozulmasına ve genel memnuniyetsizliğe yol açar.

Görsel ve Medya Öğeleri İçin Boyut Tanımlama

En yaygın CLS kaynağı, boyutları önceden tanımlanmamış görsellerin yüklenme sırasında sayfa düzenini kaydırmasıdır. Her img ve video etiketine width ve height özellikleri ekleyerek tarayıcının yükleme öncesi alan rezervasyonu yapmasını sağlayın. Aspect-ratio CSS özelliğini kullanarak responsive tasarımda da tutarlı boyut oranlarını koruyabilirsiniz.

Dinamik İçerik ve Reklam Yönetimi

Sunucu taraflı veya JavaScript ile yüklenen dinamik içerikler, mevcut düzeni kaydırarak CLS skorunu artırır. Reklam alanları, önerilen içerik widget’ları ve dinamik form alanları için sabit boyutlu placeholder konteynerler oluşturun. Reklamları sayfa yüklendikten sonra enjekte etmek yerine, önceden tanımlı alanlara yerleştirin.

Font Yükleme Stratejileri

Web font’ları, yükleme gecikmesi nedeniyle metin gösteriminde flash of invisible text (FOIT) veya flash of unstyled text (FOUT) durumlarına yol açar. Her iki durum da layout shift’e neden olabilir. font-display: swap kullanarak sistem font’larından web font’ına geçişi yönetin veya font-display: optional ile kritik font’ları önceden yükleyin. CSS contain özelliğini kullanarak render ağacını izole edin ve font değişimlerinin etkisini sınırlayın.

WordPress İçin Core Web Vitals Optimizasyonu

WordPress, dünya genelinde web sitelerin %43’ünden fazlasını barındıran bir platform olarak Core Web Vitals optimizasyonunda özel bir yere sahiptir. WordPress siteleri için performans optimizasyonu, hem genel web performansı hem de SEO sıralamaları için kritik önem taşımaktadır.

LiteSpeed Cache ve Sunucu Tarafı Optimizasyon

LiteSpeed sunucuları, WordPress için en yüksek performansı sunmaktadır. LiteSpeed Cache eklentisi, sayfa önbellekleme, CSS/JS optimizasyonu, görsel lazy loading ve CDN entegrasyonu gibi birçok Core Web Vitals optimizasyonunu tek bir eklentide birleştirir. Sunucu tarafında QUIC.cloud CDN hizmeti ile edge caching yaparak TTFB değerini küresel ölçekte düşürebilirsiniz.

Elementor ve Sayfa Oluşturucu Optimizasyonu

Elementor gibi sayfa oluşturucular, zengin işlevsellik sunarken performans yükü de oluşturabilir. Elementor’un asset loading optimizasyonlarını aktive edin, gereksiz widget’ları devre dışı bırakın ve critical CSS oluşturma özelliğini kullanın. Dinamik içerik yerine static rendering tercih edin ve Elementor’un performans sekmesindeki optimizasyon seçeneklerini tek tek kontrol edin.

WordPress ortamında Core Web Vitals optimizasyonu hakkında daha detaylı bilgi için Sayfa Hızı Optimizasyonu: 2026 Teknik SEO Rehberi yazımızı inceleyebilirsiniz. Ayrıca SEO Stratejisi Nasıl Oluşturulur? rehberimizde performans optimizasyonunun genel SEO stratejisindeki yerini görebilirsiniz. Web geliştirme süreçlerinde headless mimarilerin performansa etkisini anlamak için Headless CMS Nedir? 2026 Web Geliştirme ve SEO İçin Kapsamlı Rehber yazımız da faydalı olacaktır.

Core Web Vitals ve SEO İlişkisi

Core Web Vitals, Google’ın sayfa deneyimi sinyallerinin temelini oluşturur ve arama sıralamalarını etkileyen önemli bir faktördür. 2026 itibarıyla Core Web Vitals performansı, özellikle mobil arama sonuçlarında belirgin bir sıralama faktörü olarak değerlendirilmektedir. İyi Core Web Vitals skorlarına sahip sayfalar, benzer içerik kalitesine sahip rakiplerine göre ortalama %5-15 oranında daha üst sıralarda yer almaktadır.

Ancak Core Web Vitals tek başına sıralama garantisi sunmaz. Kaliteli içerik, backlink profili ve teknik SEO ile birleştirildiğinde, performans optimizasyonurekabet avantajı sağlar. Özellikle e-ticaret sitelerinde sayfa yükleme hızı, dönüşüm oranlarıyla doğrudan ilişkilidir; her 100 milisaniyelik iyileştirme, dönüşüm oranlarında %1-2 artış sağlayabilir.

Google’ın Core Web Vitals değerlendirmesi hakkında resmi yönergeleri incelemek için Google Page Experience Rehberi sayfasını ve performans metriklerinin detaylı açıklamaları için web.dev/vitals kaynağını inceleyebilirsiniz.

Core Web Vitals Optimizasyon Kontrol Listesi

Optimizasyon sürecinizi sistematik hale getirmek için aşağıdaki kontrol listesini kullanabilirsiniz. Her kategori için öncelik sırasına göre düzenlenmiş bu liste, hem teknik SEO uzmanları hem de web geliştiriciler için uygulanabilir bir yol haritası sunmaktadır.

LCP İyileştirme Kontrol Listesi

• Sunucu yanıt süresini (TTFB) 800 ms altına düşürün
• Hero görselleri preload ile öncelikli yükleyin
• Görselleri WebP veya AVIF formatında sunun
• Responsive görseller için srcset kullanın
• Critical CSS’i inline olarak ekleyin
• Render-blocking JavaScript dosyalarını erteleme veya async yükleme yapın
• CDN kullanarak statik varlıkların teslimatını hızlandırın
• Sunucu taraflı önbellekleme (SSR/SSG) uygulayın

INP İyileştirme Kontrol Listesi

• Long task’ları 50 ms altındaki parçalara bölün
• Third-party script’leri web worker ile izole edin veya erteleme stratejisi uygulayın
• Event handler’ları hafif tutun ve passive listener kullanın
• Code splitting ile yalnızca gerekli JavaScript’i yükleyin
• Tree shaking ile kullanılmayan kodları çıkarın
• React, Vue veya Angular projelerinde production build kullanın
• Web Worker’lar ile ağır hesaplamaları ana thread’den taşıyın

CLS İyileştirme Kontrol Listesi

• Tüm görsel ve video öğelerine width ve height özellikleri ekleyin
• Dinamik içerik alanları için placeholder konteynerler oluşturun
• font-display: swap veya optional kullanarak font yükleme shift’lerini önleyin
• Reklam alanları için sabit boyutlu slotlar tanımlayın
• CSS contain özelliğini kullanarak render izolasyonu sağlayın
• Animasyonları transform ve opacity ile uygulayın
• Asenkron yüklenen widget’lar için sabit boyutlu konteynerler kullanın

Sonuç ve Uzun Vadeli Performans Stratejisi

Core Web Vitals optimizasyonu, tek seferlik bir çalışma değil, sürekli izleme ve iyileştirme gerektiren bir süreçtir. Web teknolojileri hızla gelişmekte, Google’ın beklentileri düzenli olarak güncellenmekte ve kullanıcı beklentileri sürekli yükselmektedir. 2026 yılında başarılı bir web performans stratejisi oluşturmak için şu prensipleri benimseyin:

• Aylık performans denetimleri yapın ve CrUX verilerindeki trendleri takip edin
• Yeni sayfa ve özellik eklemelerinde Core Web Vitals etkisini ölçün
• Third-party script’leri düzenli olarak denetleyin ve gereksiz yükleri kaldırın
• Framework ve eklenti güncellemelerini takip ederek performans iyileştirmelerinden yararlanın
• Gerçek kullanıcı verileri ile laboratuvar verilerini karşılaştırarak tutarsızlıkları belirleyin
• Performans bütçesi (performance budget) belirleyerek yeni geliştirmelerin metrikleri olumsuz etkilemesini önleyin

Core Web Vitals optimizasyonu, yalnızca arama sıralamalarını iyileştirmek için değil, kullanıcılarınıza en iyi dijital deneyimi sunmak için yatırımlarınızı yönlendireceğiniz stratejik bir alan olarak değerlendirilmelidir. Hızlı, stabil ve duyarlı web siteleri, hem kullanıcı memnuniyeti hem de iş sonuçları açısından ölçülebilir değer yaratmaktadır.

Son Yazılar