Site Hızı Optimizasyonu: Core Web Vitals Rehberi

Bir ziyaretçinin sitenize verdiği kredi saniyelerle ölçülür. Sayfa geç açılıyorsa geri tuşuna basar, rakibe gider ve büyük ihtimalle bir daha dönmez. Site hızı bu yüzden yalnızca teknik ekibin konusu değildir; doğrudan ciro, reklam verimi ve Google sıralaması konusudur. Yavaş siteye reklam trafiği göndermek, delik kovayla su taşımaya benzer.

Bu rehberde Core Web Vitals metriklerini teknik jargona boğulmadan açıklayacak, hız sorunlarının en yaygın nedenlerini ve pratikte işe yarayan çözümleri sıralayacağız. Amaç, geliştirici olmasanız bile sitenizin hız raporunu okuyabilmeniz ve ekibinize doğru soruları sorabilmenizdir.

Site Hızı Neden Bu Kadar Önemli?

Üç ayrı hesap aynı kapıya çıkar:

• Dönüşüm: Yavaşlayan her saniye, sepete ekleme ve form doldurma oranlarını gözle görülür biçimde düşürür. Mobil kullanıcı sabırsızdır; trafiğinizin çoğunluğu da mobildedir.
• Reklam maliyeti: Reklam platformları kullanıcıyı kötü deneyime göndermeyi sevmez. Yavaş açılış sayfası, kalite puanını ve dolayısıyla tıklama maliyetini olumsuz etkiler. Ödediğiniz trafiğin bir kısmı daha sayfa açılmadan kaybolur.
• SEO: Google, sayfa deneyimini sıralama değerlendirmesine katar. Hız tek başına birinci sıraya taşımaz ama yavaşlık, eşit kalitedeki rakip karşısında sizi geriye düşürür.

Core Web Vitals: Üç Metrik, Sade Anlatım

Google, sayfa deneyimini üç ana metrikle ölçer. Teknik adları korkutmasın; her biri gündelik bir soruya karşılık gelir.

LCP: Sayfanın ana içeriği ne zaman göründü?

Largest Contentful Paint, ekrandaki en büyük öğenin (genelde ana görsel veya başlık) yüklenme süresidir. Hedef 2,5 saniyenin altıdır. Kullanıcının “sayfa açıldı” dediği andır. LCP’yi en çok dev görseller, yavaş sunucu yanıtı ve sıraya girmiş kaynaklar bozar.

INP: Tıkladığımda site tepki veriyor mu?

Interaction to Next Paint, kullanıcı bir butona bastığında arayüzün ne kadar hızlı tepki verdiğini ölçer. Hedef 200 milisaniyenin altıdır. Menü geç açılıyor, sepete ekle butonu donuyorsa sorun buradadır. Baş suçlu genelde tarayıcıyı meşgul eden ağır JavaScript’tir.

CLS: Sayfa yüklenirken zıplıyor mu?

Cumulative Layout Shift, içeriğin yüklenme sırasında kayma miktarını ölçer. Hedef 0,1’in altıdır. Tam butona basacakken araya reklam yüklenip yanlış yere tıklatan sayfalar bu metrikten sınıfta kalır. Boyutu tanımlanmamış görseller, geç yüklenen bannerlar ve web fontu değişimleri tipik nedenlerdir.

Ölçüm için PageSpeed Insights yeterli bir başlangıçtır: hem laboratuvar verisi hem gerçek kullanıcı verisi sunar. Önemli kural şu: gerçek kullanıcı verisi (CrUX) laboratuvar skorundan daha değerlidir. 100 puan kovalamayın; gerçek kullanıcıların yeşil bantta olmasını kovalayın.

En Sık Görülen Hız Sorunları ve Çözümleri

Yüzlerce denetimden süzülen liste şaşırtıcı derecede kısadır; sitelerin çoğu aynı beş altı hatayı paylaşır.

• Optimize edilmemiş görseller: En yaygın sorun. Çözüm: WebP veya AVIF formatı, ekran boyutuna uygun ölçüler, ekran dışındaki görsellere lazy loading, LCP görseline ise öncelikli yükleme. Çoğu sitede tek başına en büyük kazanımı bu kalem sağlar.
• Şişmiş JavaScript: Kullanılmayan eklentiler, eski slider kütüphaneleri, her sayfaya yüklenen ama tek sayfada kullanılan kodlar. Çözüm: eklenti envanteri çıkarıp acımasızca ayıklamak, kritik olmayan scriptleri ertelemek.
• Üçüncü parti script yükü: Analitik, canlı destek, ısı haritası, pazarlama pikselleri derken sayfa açılışında onlarca dış istek koşar. Çözüm: envanter çıkarın, kullanılmayanları kaldırın, kalanları Tag Manager üzerinden ve mümkünse gecikmeli yükleyin.
• Yavaş sunucu ve ucuz hosting: İlk baytın gelme süresi (TTFB) uzunsa hiçbir ön yüz iyileştirmesi yetmez. Çözüm: sayfa önbellekleme, güncel PHP/veritabanı sürümleri ve gerekirse hosting değişikliği. Trafiği olan bir işletme sitesi için en ucuz paket genelde en pahalı karardır.
• CDN ve önbellek eksikliği: Statik dosyaların her seferinde ana sunucudan gelmesi gereksiz gecikmedir. Çözüm: CDN kullanımı ve doğru cache başlıkları.
• Web font savurganlığı: Dört ailede on iki kesim font yüklemek hem yavaşlatır hem CLS yaratır. Çözüm: en fazla iki aile, gerekli kesimler ve font-display ayarı.

Tema, Eklenti ve Platform Gerçeği

Hız sorunlarının önemli bir kısmı kod satırlarında değil, baştaki tercihlerde doğar. Her özelliği içinde barındıran çok amaçlı temalar, kullanmadığınız yetenekler için her ziyaretçiye bedel ödetir. Eklenti üstüne eklenti kurulan siteler zamanla yavaşlamaya mahkumdur.

Kalıcı çözüm bazen makyaj değil mimaridir: ihtiyaca göre sadeleştirilmiş bir tema, gereksiz eklentilerin yerine hafif özel çözümler veya yoğun trafikli projelerde modern, performans odaklı bir altyapı. Yeni bir site yatırımı planlıyorsanız hızı sonradan eklenen bir özellik değil, tasarım kararı olarak ele alan bir ekiple çalışın; web tasarım ve geliştirme yaklaşımımız tam olarak bu ilkeyle kurulu. Kurumsal sitenizde nelerin olması gerektiğini ise bu rehberde topladık.

Hız Çalışmasında Doğru Sıralama

Kaynağınız sınırlıysa işleri etki sırasına göre yapın:

1. Gerçek kullanıcı verisini okuyun; hangi metrik, hangi sayfa tipinde kırmızı?
2. LCP sorunlarını çözün: görsel optimizasyonu, sunucu yanıtı, önbellek. En hızlı kazanım buradadır.
3. Üçüncü parti ve JavaScript envanterini temizleyin; INP burada düzelir.
4. CLS için görsel ve banner alanlarına sabit boyut tanımlayın.
5. Sonucu üç dört hafta sonra gerçek kullanıcı verisinde doğrulayın; laboratuvar skoru değil saha verisi karar verdirir.

Hız çalışması tek seferlik değildir. Her yeni eklenti, kampanya scripti ve tema güncellemesi performansı aşındırır; çeyrek başına bir kontrol rutini kurun. Reklam yatırımınız büyükse açılış sayfası hızını kampanya süreçlerinin parçası yapın; bu disiplini dijital reklam yönetimi müşterilerimizde standart olarak uyguluyoruz.

Hızın Ticari Karşılığını Hesaplamak

Hız çalışmasına yatırım kararı verirken “site yavaş” hissi yerine basit bir hesap kullanın. Aylık ziyaretçi sayınızı, mevcut dönüşüm oranınızı ve ortalama sepet tutarınızı alt alta yazın. Dönüşüm oranında binde birkaç puanlık bir iyileşmenin yıllık ciroya etkisini hesapladığınızda, hız optimizasyonunun maliyeti çoğu zaman birkaç haftalık kazanımla kendini amorti eder. Reklam harcaması yapan siteler için hesap daha da nettir: aynı bütçeyle gelen trafiğin daha büyük bölümünün sayfayı gerçekten görmesi, tıklama başı maliyeti fiilen düşürür.

Bu hesabı yaparken segmentlere inmeyi unutmayın. Sitenin geneli hızlı görünürken kampanya dönemlerinde yavaşlayan bir ödeme sayfası, yılın en değerli trafiğini kaybettirir. Aynı şekilde masaüstünde akıcı olan site, trafiğin çoğunu taşıyan orta segment Android cihazlarda sürünüyor olabilir. Gerçek kullanıcı verisini cihaz ve sayfa tipi kırılımında okumak, yatırımı doğru yere yönlendirmenin tek yoludur.

Bir de organizasyonel boyut var: hız, sahipsiz kaldığı için bozulur. Pazarlama ekibi yeni bir izleme scripti ekler, içerik ekibi 8 megabaytlık görsel yükler, kimse fark etmez. Çözüm teknik değil yönetseldir: her yeni script ve eklenti için basit bir onay adımı, görsel yükleme için boyut standardı ve çeyreklik performans kontrolünün bir kişiye zimmetlenmesi. Bu üç kural, yapılan optimizasyonun kalıcı olmasını sağlar.

Sık Sorulan Sorular

PageSpeed puanım 60, bu kötü mü?

Tek başına yorumlanamaz. Önemli olan gerçek kullanıcı verisinde LCP, INP ve CLS’nin yeşil bantta olmasıdır. Laboratuvar puanı 60 olan ama saha verisi yeşil bir site, puanı 95 olup saha verisi kırmızı bir siteden iyi durumdadır.

Hız optimizasyonu ne kadar sürer?

Görsel ve önbellek gibi hızlı kazanımlar birkaç günde biter. JavaScript sadeleştirme ve mimari değişiklikler haftalar alabilir. Denetim raporu, işin kapsamını netleştirir.

Eklentiyle hız çözülür mü?

Önbellek ve görsel optimizasyon eklentileri gerçek fayda sağlar. Ancak sorunun kaynağı şişmiş tema veya kalabalık scriptlerse eklenti semptomu maskeler, hastalığı çözmez.

Mobil ve masaüstü skorlarım neden bu kadar farklı?

Mobil test, kısıtlı işlemci ve yavaş bağlantı simüle eder; gerçek dünyaya daha yakındır. Optimizasyonu her zaman mobil veriye göre yapın.

Hızlı Site, Ucuz Trafik, Yüksek Dönüşüm

Site hızı; SEO, reklam ve dönüşümün kesiştiği nadir kaldıraçlardan biridir ve yatırımın geri dönüşü genelde haftalar içinde görünür. SWS Kreatif olarak hız denetimi yapıyor, bulguları öncelik sırasıyla raporluyor ve düzeltmeleri kendi geliştirici ekibimizle uyguluyoruz. Sitenizin gerçek kullanıcı verilerini birlikte okuyalım: info@swskreatif.com