1. Core Web Vitals Nedir ve Google Sıralamalarını Neden Belirler?
Mobil kullanıcıların önemli bir kısmı, yavaş yüklenen sayfaları içerik görünmeden terk eder. Google, 2021 yılındaki sayfa deneyimi güncellemesiyle Core Web Vitals (Önemli Web Verileri) adı altındaki üç kullanıcı deneyimi metriğini sıralama sinyalleri arasına eklemiştir. Bir web sitesinin Google arama sonuçlarında (SERP) üst sıralarda yer alabilmesi için içerik kalitesi belirleyici olmaya devam etse de sağlam bir teknik altyapı ve performans odaklı web tasarım standartları önemli bir avantaj sağlar.
Pek çok işletme, site hızını yalnızca satın aldıkları hosting paketinin RAM veya CPU kapasitesiyle ilişkilendirme yanılgısına düşer. Oysa sahada karşılaşılan performans sorunları çoğu zaman sunucudan değil, arayüz tasarımındaki aşırı görsel ağırlığından, optimize edilmemiş üçüncü parti JavaScript kodlarından ve gereksiz CSS şişkinliklerinden kaynaklanır.
Neden Önemli? Core Web Vitals'ta 'İyi' (Yeşil) sonuç veren sayfalar ziyaretçiye daha hızlı ve kararlı bir deneyim sunar; bu da genellikle daha düşük hemen çıkma oranı (Bounce Rate) ve daha yüksek form/satış dönüşümü olarak geri döner.
2. 2026 Core Web Vitals Metrikleri: LCP, INP ve CLS Eşikleri
Google, 2024 yılı itibarıyla eski First Input Delay (FID) metriğini tamamen emekliye ayırmış ve yerine kullanıcı etkileşimini sayfa ömrü boyunca ölçümleyen INP (Interaction to Next Paint) metriğini resmi standart haline getirmiştir. Güncel Core Web Vitals'ın 3 ana metriği ve bunlara eşlik eden yardımcı göstergeler (TTFB, FCP) şunlardır:
LCP (Largest Contentful Paint)
Kullanıcı sayfaya girdiğinde görünür ekrandaki en büyük içerik öğesinin (Hero görseli veya büyük başlık) ekrana gelme süresidir. Kullanıcının sitenin yüklendiğini algıladığı ilk psikolojik andır.
INP (Interaction to Next Paint)
Kullanıcının butona tıklaması veya menüyü açması sonrası tarayıcının ekranda görsel bir geri bildirim (sonraki kare) oluşturma gecikmesidir. Ziyaretlerin %75'inde 200 ms veya altında kalması hedeflenir.
CLS (Cumulative Layout Shift)
Sayfa yüklenirken metinlerin veya banner alanlarının aniden aşağı-yukarı kaymasıdır. Boyutsuz görseller kullanıcının yanlış butona tıklamasına ve güven kaybına yol açar.
TTFB (Time to First Byte)
Tarayıcının sunucuya gönderdiği ilk istekten sunucunun ilk veri baytını döndürmesine kadar geçen süredir. Yardımcı bir göstergedir; yüksek TTFB, LCP dahil sonraki tüm aşamaları geciktirir.
| Metrik | İyi (Hedef) | İyileştirme Gerekir | SEO ve Dönüşüm Etkisi |
|---|---|---|---|
| LCP (Yükleme Hızı) | ≤ 2,5 saniye | 2,5 sn - 4,0 sn | Hemen çıkma oranını ve ilk izlenimi doğrudan etkiler. |
| INP (Etkileşim Tepkisi) | ≤ 200 milisaniye | 200 ms - 500 ms | Mobil gezinme akıcılığını ve form doldurma tamamlama oranını etkiler. |
| CLS (Görsel Kararlılık) | ≤ 0,1 | 0,1 - 0,25 | Kullanıcının yanlış linke tıklamasını engeller, güven ve oturum süresini artırır. |
| TTFB (İlk Bayt Süresi) | ≤ 800 milisaniye | 800 ms - 1800 ms | Sunucu yanıt hızıdır; LCP ve FCP sürelerinin bir parçasıdır. |
| FCP (İlk İçerikli Boyama) | ≤ 1,8 saniye | 1,8 sn - 3,0 sn | Beyaz ekran bekleme süresini bitirir, markanın profesyonel algısını kurar. |
3. Şişkin Sayfa Oluşturucular (Page Builders) Neden Sitenizi Yavaşlatır?
Ağır hazır temalar ve sayfa oluşturucularla (Elementor, Divi, WPBakery veya ThemeForest şablonları) yapılan pek çok sitenin temel yapısal sorunu, bu araçların evrensel olmaya çalışmasıdır. Tek bir temada onlarca farklı slider efekti, yüzlerce animasyon seçeneği ve geniş ikon kütüphaneleri yer alır. Sitenizde bu özelliklerin küçük bir kısmını kullansanız dahi, tarayıcı kullanılmayan kodun önemli bir bölümünü de indirmek, ayrıştırmak ve çalıştırmak zorunda kalabilir.
Sonuç: Mobil cihazların sınırlı işlemci kapasitesi bu kodları işlerken zorlanır, ana işlem parçacığı (Main Thread) saniyelerce meşgul kalabilir ve mobil PageSpeed skoru belirgin biçimde düşer.
| Teknik Parametre | Şişkin Hazır Tema / Page Builder | Alaska Medya Temiz Kodlama |
|---|---|---|
| HTTP İstek Sayısı | 85 - 130 harici istek | 12 - 22 optimize istek |
| Toplam Sayfa Boyutu | 4.5 MB - 8.2 MB (Ağır) | 450 KB - 850 KB (Ultra Hafif) |
| DOM Derinliği & Node Sayısı | 30+ seviye / 2.500+ DOM Node | 6-8 seviye / 350-500 DOM Node |
| Mobil PageSpeed Puanı | 25 - 45 / 100 (Kırmızı/Turuncu) | 90+ / 100 (Yeşil) |
| LCP (Açılış Hızı) | 4.2 - 6.8 saniye (Kayıp) | ≤ 2,5 sn eşiğinin altında (İyi) |
| INP (Tıklama Gecikmesi) | 320 ms - 650 ms (Ağır donma) | ≤ 200 ms (İyi) |
| CLS (Düzen Kayması) | 0.25 - 0.48 (Rahatsız edici) | ≤ 0,1 (İyi, kararlı düzen) |
4. Alaska Medya Performans Mühendisliği: 90+ PageSpeed Skoruna Ulaşan 6 Teknik Standart
Alaska Medya projelerinde hız sonradan bir eklentiyle (cache plugin vb.) yamalanan bir özellik değildir; projenin ilk satır kodundan itibaren temel bir tasarım disiplinidir. Uyguladığımız hız ve SEO odaklı web tasarım mimarisinin 6 ana sac ayağı şunlardır:
Az Bağımlılıklı, Hafif Kod Mimarisi
Ağır jQuery kütüphaneleri veya hantal harici JavaScript paketleri yerine mümkün olduğunca saf CSS ve modern JavaScript (ECMAScript) kullanırız.
WebP & AVIF Yeni Nesil Görseller
Görseller, JPEG/PNG'ye göre genellikle %30–50 daha küçük dosya boyutlarıyla (kayıplı sıkıştırma) sunulur. Kesin width ve height tanımlarıyla görsel kaynaklı düzen kayması (CLS) önlenir.
Kritik CSS ve Asenkron Yönetim
İlk ekranın (Above-the-fold) kritik CSS kodları inline gömülür. Kalan stiller asenkron yüklenir, betikler defer ile ötelenerek ilk boyama hızlandırılır.
Font Display Swap & WOFF2
Metinlerin geçici görünmezliğini önlemek için font-display: swap; uygulanır. Karakter setleri sadeleştirilir (subset) ve kritik fontlar preload ile önceden yüklenir.
HTTP/3 & Brotli Sıkıştırma
Brotli sıkıştırması aktarılan dosya boyutunu Gzip'e göre küçültür; HTTP/3 ve sunucu tarafı önbellekleme ile sunucu yanıt süresi (TTFB) düşük tutulur.
Statik Önbellekleme & Edge CDN
Veritabanı yükü önbellekleme ile azaltılır; önbelleğe alınmış sayfalar, uygun projelerde CDN üzerinden kullanıcıya en yakın noktadan hızla sunulur.
5. Mobil Sayfa Hızı ve Dönüşüm Oranları Arasındaki Doğrudan Bağlantı
Türkiye'de kurumsal web trafiğinin büyük çoğunluğu akıllı telefonlar üzerinden gerçekleşmektedir. Mobil cihazlar genellikle masaüstü bilgisayarlara göre daha zayıf işlemcilere ve değişken hücresel internet bağlantılarına (4.5G/5G) sahiptir. Dolayısıyla masaüstünde hızlı çalışan hantal bir sayfa, metroda veya hareket halindeki bir müşterinin telefonunda uzun süre açılmayabilir.
Sayfa yükleme süresindeki her ek gecikme; dönüşüm oranlarında kayba, sayfa görüntülemelerinde düşüşe ve müşteri memnuniyetinde gerilemeye yol açabilir. Bu nedenle firmanızın dijital varlığı kurgulanırken mobil uyumlu tasarım ve hız optimizasyonu süreçleri birbirinden ayrı düşünülemez.
Alaska Medya Performans Hedefi: Teslim ettiğimiz web tasarım ve yazılım projelerinde Google PageSpeed Insights mobil performans skorunda 90+ puanı ve Core Web Vitals'ta 'İyi / Yeşil' sonucu hedefliyoruz.