Site Hızı Nasıl Artırılır? Core Web Vitals Rehberi

Bir ziyaretçi sitenize tıkladığında sayfanın açılmasını ortalama yalnızca birkaç saniye bekler. Üç saniyeyi aşan her gecikmede ziyaretçilerin önemli bir bölümü geri tuşuna basar ve büyük ihtimalle bir daha dönmez. Bu kişi yalnızca bir ziyaretçi değil, kaybedilmiş bir potansiyel müşteridir. Üstüne, Google da yavaş siteleri arama sonuçlarında geriye iter. Yani site hızı; kullanıcı deneyimini, dönüşüm oranınızı ve SEO performansınızı aynı anda etkileyen, görmezden gelinemeyecek bir konu.

Peki bu hızı Google tam olarak nasıl ölçüyor? İşin merkezinde Core Web Vitals var — üç somut metrik. Önce bu metriklerin ne anlama geldiğine, sonra da sitenizi hızlandırmak için atabileceğiniz adımlara teknik ama anlaşılır biçimde bakalım.

Core Web Vitals Nedir?

Core Web Vitals, Türkçesiyle "Temel Web Verileri", Google'ın bir sayfanın gerçek kullanıcı deneyimini ölçmek için tanımladığı üç temel metrikten oluşan bir set. Bu metrikler sayfanın ne kadar hızlı yüklendiğini, kullanıcı etkileşimlerine ne kadar çabuk yanıt verdiğini ve görsel olarak ne kadar kararlı olduğunu ölçer.

İşin püf noktası şu: Core Web Vitals laboratuvar koşullarındaki teorik bir hız değil, gerçek kullanıcıların sahada yaşadığı deneyimi yansıtmayı hedefler. Google bu üç metriği, sayfa deneyimi sinyallerinin bir parçası olarak doğrudan sıralamada kullanır. Yani bu değerler kötüyse, içeriğiniz ne kadar iyi olursa olsun rakiplerinizin gerisinde kalabilirsiniz.

Üç metrik şunlar: LCP, INP ve CLS. Her birine tek tek bakalım.

LCP (Largest Contentful Paint) Nedir?

LCP, "En Büyük İçerikli Boyama" anlamına gelir ve sayfanın yüklenme hızını ölçer. Daha somut söylersek: kullanıcının ekranında görünen en büyük içerik öğesinin (genellikle bir hero görseli, büyük bir başlık ya da video) tamamen yüklenmesi için geçen süreyi gösterir.

Kullanıcı sayfaya geldiğinde "burada bir içerik var, sayfa açıldı" hissini bu en büyük öğenin yüklenmesiyle kazanır. Google'ın hedef değerleri şöyle:

• İyi: 2,5 saniye ve altı
• Geliştirilmeli: 2,5 - 4 saniye arası
• Zayıf: 4 saniyenin üzeri

LCP'yi en çok bozan unsurlar; optimize edilmemiş büyük görseller, yavaş sunucu yanıt süresi ve sayfanın başında render'ı engelleyen ağır CSS/JavaScript dosyalarıdır.

INP (Interaction to Next Paint) Nedir?

INP, "Bir Sonraki Boyamaya Etkileşim" olarak çevrilebilir ve sayfanın etkileşime tepki hızını ölçer. Kullanıcı bir butona tıkladığında, bir menü açtığında ya da bir forma yazı yazdığında, sayfanın bu eyleme görsel olarak yanıt vermesi ne kadar sürüyor? İşte INP bunu ölçer.

INP, daha önce kullanılan FID (First Input Delay) metriğinin yerini aldı ve sayfanın yalnızca ilk etkileşimini değil, kullanıcının oturum boyunca yaşadığı tüm etkileşimlerin genel tepkiselliğini değerlendirir. Hedef değerler:

• İyi: 200 milisaniye ve altı
• Geliştirilmeli: 200 - 500 milisaniye arası
• Zayıf: 500 milisaniyenin üzeri

INP'nin baş düşmanı ağır JavaScript kodlarıdır. Tarayıcı yoğun bir JavaScript işlemiyle meşgulken kullanıcının tıklamasına yanıt veremez ve site "donmuş" gibi hissettirir.

CLS (Cumulative Layout Shift) Nedir?

CLS, "Kümülatif Düzen Kayması" anlamına gelir ve sayfanın görsel kararlılığını ölçer. Hepimiz yaşamışızdır: bir makaleyi okurken ya da bir butona basmaya çalışırken sayfa aniden zıplar ve yanlış yere tıklarsınız. Bu can sıkıcı kaymaların ölçüsü CLS'dir.

Kaymalar genellikle boyutu belirtilmemiş görsellerin geç yüklenmesinden, sonradan gelen reklamlardan ya da fontların geç yüklenip metni yerinden oynatmasından kaynaklanır. CLS bir zaman birimi değil, bir oran değeri. Hedef değerler:

• İyi: 0,1 ve altı
• Geliştirilmeli: 0,1 - 0,25 arası
• Zayıf: 0,25 üzeri

Aşağıdaki tablo üç metriği bir arada özetliyor:

Metrik	Ölçtüğü Şey	İyi Değer	Başlıca Sebep
LCP	Yüklenme hızı	≤ 2,5 sn	Büyük görseller, yavaş sunucu
INP	Etkileşim tepkiselliği	≤ 200 ms	Ağır JavaScript
CLS	Görsel kararlılık	≤ 0,1	Boyutsuz görsel/reklam, geç fontlar

Site Hızı Neden Bu Kadar Önemli?

Site hızının önemi iki ayrı eksende kendini gösterir: SEO ve dönüşüm.

SEO açısından Core Web Vitals doğrudan bir sıralama sinyali. İçerik kalitesi eşit iki siteden, kullanıcıya daha iyi deneyim sunan hızlı olanı Google öne çıkarır — bunu Google kendi arama merkezi dokümantasyonunda da açıkça belirtiyor. Özellikle rekabetin yoğun olduğu anahtar kelimelerde hız, terazinin dengesini belirleyen faktör olabilir; sıralamanın bütününü SEO nedir, Google üst sıralara çıkma yazımızda ele aldık.

Dönüşüm açısından tablo daha da çarpıcı. Çok sayıda araştırma, yüklenme süresindeki her ek saniyenin dönüşüm oranını düşürdüğünü, hemen çıkma oranını ise artırdığını gösteriyor. E-ticaret sitelerinde milisaniyelerle ölçülen iyileştirmeler bile gelir üzerinde gözle görülür fark yaratır. Hızlı site kullanıcıya "bu işletme işini ciddiye alıyor" hissi verir; yavaş site ise daha ilk saniyede güveni tırpanlar.

Mobil kullanıcıları da unutmamak gerekir. Türkiye'de internet trafiğinin büyük çoğunluğu mobilden gelir ve mobil bağlantılar masaüstüne göre daha oynak olabilir. Bu nedenle hız optimizasyonunda öncelik her zaman mobil deneyim olmalı; mobilin neden birincil hedef olduğunu mobil uyumlu site neden şart yazımızda ayrıca tartıştık.

Site Hızı Nasıl Ölçülür?

İyileştirmeye başlamadan önce mevcut durumu ölçmeniz gerekir. İyi haber, bunun için güçlü ve ücretsiz araçların olması:

• Google PageSpeed Insights: En yaygın araç. pagespeed.web.dev adresine URL'nizi girdiğinizde hem mobil hem masaüstü için Core Web Vitals değerlerinizi gösterir, önceliklendirilmiş öneriler sunar. Hem gerçek kullanıcı verisini (saha verisi) hem laboratuvar verisini verir.
• Google Search Console: "Core Web Vitals" raporu altında sitenizin tamamındaki sayfaların performans dağılımını gösterir. Hangi sayfa gruplarının sorunlu olduğunu toplu görmek için idealdir.
• Lighthouse: Chrome tarayıcısının geliştirici araçlarına yerleşik gelir; tek bir sayfayı derinlemesine analiz etmek için kullanışlıdır.

Teknik bir araç kullanmadan sitenizin genel sağlık durumuna hızlı bir bakış atmak isterseniz, ücretsiz dijital araçlarımız arasındaki SEO skor analizi de iyi bir başlangıç noktası sunar.

Burada önemli bir ayrım var: "saha verisi" (field data) gerçek ziyaretçilerinizin son 28 günde yaşadığı deneyimi, "laboratuvar verisi" (lab data) ise kontrollü bir simülasyonu yansıtır. Google sıralamada saha verisini esas alır; dolayısıyla asıl hedefiniz gerçek kullanıcı deneyimini iyileştirmek olmalı.

Sitenizi Hızlandırmak İçin Pratik Optimizasyonlar

Ölçtükten sonra sıra iyileştirmeye gelir. Aşağıda en yüksek etkiyi yaratan müdahaleleri öncelik sırasıyla ele alıyoruz.

Görselleri Nasıl Optimize Edersiniz?

Görseller, çoğu sitede sayfa ağırlığının en büyük kısmını oluşturur ve LCP'nin en sık bozulma nedenidir. İyileştirme adımları:

• Modern formatlar kullanın: JPEG ve PNG yerine WebP veya AVIF gibi formatlar, aynı görsel kaliteyi çok daha küçük dosya boyutuyla sunar.
• Doğru boyutta sunun: 4000 piksel genişliğindeki bir fotoğrafı, ekranda 400 piksel görünecek bir alana yüklemek koca bir israftır. Görselleri kullanılacak boyuta göre ölçeklendirin.
• Tembel yükleme (lazy loading) uygulayın: Ekranın altında, kullanıcının henüz görmediği görselleri ancak kaydırınca yükleyin. Böylece ilk açılış hızlanır.
• Boyutları belirtin: Görsellere genişlik ve yükseklik değeri vererek tarayıcının yer ayırmasını sağlayın; bu, CLS kaymalarını önler.

Font Optimizasyonu Nasıl Yapılır?

Web fontları estetik için önemlidir ama yanlış kullanıldığında hem yüklenmeyi yavaşlatır hem metin kaymalarına yol açar. Birkaç iyi alışkanlık işi çözer: yalnızca gerçekten kullandığınız font ağırlıklarını yükleyin, çünkü her ekstra ağırlık ek yük demektir. font-display: swap kullanarak font yüklenene kadar metnin sistem fontuyla görünmesini sağlayın; böylece kullanıcı boş ekrana bakmaz. Mümkünse fontları kendi sunucunuzdan barındırın; üçüncü taraf font sunucularına yapılan ek bağlantılar gecikme ekler.

JavaScript ve CSS Nasıl Hafifletilir?

Ağır JavaScript, hem INP'yi hem LCP'yi bozan en belirleyici faktördür. Modern web siteleri çoğu zaman ihtiyaçtan fazla kod yükler. Çözümler:

• Kullanılmayan kodu temizleyin: Eklenti ve kütüphanelerden gelen, hiç kullanılmayan kodlar sayfayı boş yere ağırlaştırır.
• Kodu küçültün (minify) ve sıkıştırın: Dosyalardaki gereksiz boşluk ve karakterleri kaldırmak, sunucuda Gzip/Brotli sıkıştırması kullanmak transfer boyutunu ciddi şekilde düşürür.
• Kritik olmayan kodu erteleyin: Sayfanın ilk görünümü için gerekli olmayan scriptleri defer veya async ile yükleyin.
• Üçüncü taraf scriptleri denetleyin: Sohbet widget'ları, analiz kodları ve sosyal medya butonları gibi dış scriptler hızı sessizce öldürür. Her birinin gerçekten gerekli olup olmadığını sorgulayın.

Hosting ve Sunucu Seçimi Neden Önemli?

En iyi optimizasyonu yapsanız bile, zayıf bir sunucu üzerinde çalışan site hızlı olamaz. Sunucunun ilk bayt'ı gönderme süresi (TTFB), LCP'nin temelini oluşturur. Dikkat edilecekler:

• Kaliteli barındırma: Aşırı yoğun, paylaşımlı ve düşük performanslı sunucular yerine işinize uygun, hızlı yanıt veren bir altyapı seçin.
• Sunucu konumu: Hedef kitleniz Türkiye'deyse, sunucunun coğrafi olarak yakın olması gecikmeyi azaltır.
• CDN (İçerik Dağıtım Ağı): Görsel ve statik dosyalarınızı kullanıcıya en yakın noktadan sunan CDN'ler, özellikle farklı bölgelerden gelen trafikte hızı belirgin biçimde artırır.

Önbellekleme (Cache) Nasıl Çalışır?

Önbellekleme, bir sayfanın ya da kaynağın daha önce hazırlanmış halini saklayıp tekrar tekrar üretmeden sunma yöntemidir. İki ana türü var:

1. Tarayıcı önbelleği: Kullanıcının sitenizi ikinci ziyaretinde, daha önce yüklediği görsel ve dosyaları yeniden indirmeden cihazından getirmesini sağlar.
2. Sunucu önbelleği: Sayfanın oluşturulmuş halini sunucuda saklayarak, her ziyaretçi için sıfırdan üretim yapma yükünü ortadan kaldırır.

Doğru yapılandırılmış bir önbellek stratejisi hem sunucu yükünü azaltır hem de tekrar eden ziyaretçiler için neredeyse anında açılan bir deneyim sunar.

Hızlı Bir Site İçin Pratik Kontrol Listesi

Aşağıdaki listeyi sitenizde tek tek geçerek hızlı bir öz denetim yapabilirsiniz:

• Görseller WebP/AVIF formatında ve doğru boyutta mı?
• Ekran altındaki görsellerde tembel yükleme açık mı?
• Tüm görsel ve video öğelerinde boyut (genişlik/yükseklik) tanımlı mı?
• Yalnızca gerekli font ağırlıkları yükleniyor ve font-display: swap kullanılıyor mu?
• Kullanılmayan JavaScript ve CSS temizlendi, kalan kod küçültüldü mü?
• Gereksiz üçüncü taraf scriptler kaldırıldı mı?
• Sunucu Gzip/Brotli sıkıştırması yapıyor mu?
• Tarayıcı ve sunucu önbelleği doğru yapılandırıldı mı?
• SSL/HTTPS aktif mi?
• PageSpeed Insights'ta hem mobil hem masaüstü değerleri kontrol edildi mi?

Sıkça Sorulan Sorular

PageSpeed skorum 100 olmak zorunda mı?

Hayır. PageSpeed Insights'ın verdiği 0-100 arası puan bir hedef değil, bir gösterge. Asıl önemli olan, gerçek kullanıcı deneyimini yansıtan Core Web Vitals değerlerinizin (LCP, INP, CLS) "iyi" aralığında olması. 90 ve üzeri sağlıklı bir skordur; son birkaç puan için mükemmellik takıntısına kapılmak çoğu zaman geri dönüşü düşük bir çaba olur.

Sitemi hızlandırmak için her şeyi baştan yapmam gerekir mi?

Genellikle hayır. Çoğu sitede sorunların büyük kısmı birkaç temel kaynaktan gelir: optimize edilmemiş görseller, ağır eklentiler ve zayıf hosting. Bu üç alana odaklanmak çoğu zaman dramatik bir iyileşme sağlar. Yine de altyapısı kökten sorunlu, eski ve aşırı şişmiş sitelerde yeniden inşa daha verimli bir yol olabilir; bu kararın zamanını web sitesi yenileme ne zaman, nasıl yazımızda ele aldık.

Mobil hız mı masaüstü hız mı daha önemli?

Türkiye'de trafiğin büyük çoğunluğu mobilden geldiği ve Google siteleri öncelikli olarak mobil üzerinden değerlendirdiği için mobil hız önceliklidir. Optimizasyon kararlarını mobil deneyimi merkeze alarak vermek en doğru yaklaşım.

Hız iyileştirmesi sıralamamı ne kadar sürede etkiler?

Core Web Vitals saha verisine dayandığı için, iyileştirmelerinizin Google'ın gözünde tam yansıması genellikle birkaç hafta sürer; çünkü metrikler son 28 günlük gerçek kullanıcı verisini esas alır. Yani bugünkü iyileştirmenin etkisini sabırla beklemeniz gerekir, ama kullanıcı deneyimindeki iyileşme anında başlar.

Eklentiler sitemi yavaşlatır mı?

Evet, eklentiler hız sorunlarının en yaygın nedenlerinden. Her eklenti kendi JavaScript ve CSS dosyalarını yükler; gereğinden fazla ya da kötü yazılmış eklenti kullanımı siteyi belirgin biçimde yavaşlatır. Eklenti envanterinizi ara ara gözden geçirip kullanmadıklarınızı kaldırmak iyi bir alışkanlık.

Son söz

Site hızı artık "olsa iyi olur" denilen bir lüks değil; hem arama sıralamanızı hem gelirinizi doğrudan etkileyen bir gereklilik. LCP, INP ve CLS, Google'ın kullanıcı deneyimini nasıl ölçtüğünün penceresi. Görsellerinizi optimize etmek, kodunuzu hafifletmek, doğru bir barındırma altyapısı seçmek ve akıllı bir önbellek stratejisi kurmak, bu metrikleri iyileştirmenin somut yolları.

Sitenizin hız performansını ölçtünüz ama nasıl iyileştireceğinizden emin değilseniz ya da yaptığınız müdahaleler yeterli sonuç vermiyorsa, Geo Yazılım olarak teknik denetimden kapsamlı performans optimizasyonuna kadar tüm süreci üstleniyoruz. Hizmetlerimiz hakkında bilgi almak için hizmetler sayfamızı inceleyebilir, sitenize özel bir değerlendirme için bizimle iletişime geçebilirsiniz.