Kampanya

Tüm E-Ticaret paketlerinde ilk 3 ay destek ücretsiz

Detayları Gör
MARKETING Temmuz 2026

Teknik SEO: Sayfa Hızı, Core Web Vitals ve Site Performansı

Teknik SEO'da sayfa hızı ve Core Web Vitals optimizasyonu: LCP, INP, CLS metrikleri, PageSpeed Insights ve Shopify hız iyileştirme rehberi.

Teknik SEO: Sayfa Hızı ve Core Web Vitals

Teknik SEO sayfa hızı Core Web Vitals optimizasyonu, 2026'da Google sıralamalarını doğrudan etkileyen en kritik faktörler arasındadır. Google'ın Page Experience güncellemiyle birlikte artık yalnızca içerik kalitesi değil, kullanıcının sayfada yaşadığı deneyim de sıralama kararlarına dahil edilmektedir. Bu yazıda, Core Web Vitals metriklerini derinlemesine ele alacak ve web sitenizin performansını artırmak için uygulayabileceğiniz teknik yöntemleri paylaşacağız.

Core Web Vitals Nedir ve Neden Önemlidir?

Core Web Vitals (CWV), Google'ın belirlediği ve kullanıcı deneyimini ölçen üç temel performans metriğidir. Bu metrikler; sayfanın ne kadar hızlı yüklendiğini, kullanıcı etkileşimlerine ne kadar hızlı tepki verdiğini ve görsel stabiliteyi ölçer. Google Search Console'daki CWV raporu, sitenizin gerçek kullanıcı verilerine (field data) dayalı performans puanını URL bazında gösterir. Bir URL'nin 'İyi', 'İyileştirme Gerekiyor' ya da 'Zayıf' kategorisine girmesi, o sayfanın sıralama potansiyelini doğrudan etkiler. 2026 itibarıyla CWV skorları, özellikle benzer kalitedeki sayfalar arasında belirleyici bir faktör olmaya devam etmektedir.

  • LCP (Largest Contentful Paint): Sayfanın en büyük görünür öğesinin (genellikle hero görsel veya başlık) yüklenmesi için geçen süredir. İyi skor: 2.5 saniye veya daha az.
  • INP (Interaction to Next Paint): FID'in yerini alan INP, kullanıcının tüm etkileşimlerine (tıklama, dokunma, klavye girişi) verilen yanıt süresini ölçer. İyi skor: 200ms veya daha az.
  • CLS (Cumulative Layout Shift): Sayfa yüklenirken öğelerin beklenmedik biçimde kayması durumunu ölçer. İyi skor: 0.1 veya daha az.

PageSpeed Insights ve Ölçüm Araçları

Core Web Vitals performansınızı ölçmek için birden fazla araç kullanmak, daha bütünlüklü bir tablo ortaya koyar. Lab verisi ile field datası arasındaki farkı anlamak da kritik önem taşır: PageSpeed Insights hem laboratuvar (simüle edilmiş) hem de gerçek kullanıcı verilerini gösterirken, Google Search Console yalnızca alan adınıza ait gerçek kullanıcı CWV datası sunar.

PageSpeed Insights ile Analiz

PageSpeed Insights (PSI), belirli bir URL'nin performansını hem masaüstü hem de mobil için analiz eden ücretsiz bir araçtır. PSI raporu, skorun altında hangi iyileştirme fırsatlarının bulunduğunu öncelik sırasıyla listeler. 'Fırsatlar' bölümündeki öneriler (görsel sıkıştırma, JavaScript erteleme, önbellek politikası vb.) doğrudan LCP ve INP iyileştirmelerine katkı sağlar. 'Teşhisler' bölümü ise uzun görevler, büyük DOM boyutu ve aşırı CSS gibi performans engellerini ortaya çıkarır. Önemli bir not: PSI'daki Lighthouse lab skoru ile gerçek alan performansı her zaman örtüşmeyebilir; bu nedenle Google Search Console verilerini de mutlaka takip edin.

Google Search Console CWV Raporu

Search Console'daki Core Web Vitals raporu, alan adınızın gerçek kullanıcılardan toplanan verilere göre nasıl performans gösterdiğini URL grupları bazında sunar. Bu rapor, hem mobil hem masaüstü cihazlar için ayrı ayrı görüntülenebilir. 'Zayıf' ya da 'İyileştirme Gerekiyor' kategorisindeki URL gruplarını önceliklendirin ve bu sayfalar üzerindeki iyileştirme çalışmalarını rapordan takip edin. CWV verilerinin Google'ın indeksine yansıması 28 güne kadar sürebilir; bu nedenle iyileştirme yapıldıktan sonra sabırlı olunmasını öneririz.

Görsel Optimizasyonu: WebP ve Lazy Loading

Görseller, web sayfalarının en büyük boyut kaynağı olmaya devam etmektedir ve LCP metriği üzerindeki etkileri son derece büyüktür. Görsel optimizasyonu, teknik SEO performansını iyileştirmenin en hızlı ve en yüksek ROI sağlayan yollarından biridir.

WebP Formatı ve Modern Görseller

WebP formatı, JPEG ve PNG'ye kıyasla %25-35 daha küçük dosya boyutu sunarken görsel kalitesini korur. Tüm modern tarayıcılar WebP'yi desteklediğinden, e-ticaret ürün görselleri dahil tüm sayfalarınızdaki statik görselleri WebP'ye dönüştürmenizi öneririz. AVIF formatı da giderek daha yaygın kullanım alanı bulmaktadır; bu formattaki sıkıştırma oranı WebP'den de üstündür ancak tarayıcı desteği hâlâ daha sınırlıdır. picture elementi ile tarayıcı desteğine göre uygun formatı otomatik seçen bir yapı kurabilirsiniz.

Lazy Loading ve Preload Stratejisi

Viewport dışındaki (kullanıcı henüz görmediği) görseller için loading='lazy' niteliği kullanın. Bu basit yöntem, ilk sayfa yüklemesinde indirilen veri miktarını önemli ölçüde azaltır ve LCP'yi olumlu etkiler. Ancak above-the-fold (ekranın üst kısmında görünen) görseller için lazy loading kullanmayın; bunun yerine bu görseller için rel='preload' direktifi ekleyin. Hero görselinizi HTML head bölümünde preload etmek, LCP skorunu doğrudan iyileştirecektir.

JavaScript Performans Optimizasyonu

JavaScript, modern web uygulamalarının vazgeçilmez bileşenidir ancak yanlış yönetildiğinde hem LCP hem de INP skorlarını ciddi biçimde olumsuz etkiler. Render-blocking JavaScript ve CSS, tarayıcının sayfayı görüntülemesini geciktirir ve LCP'yi doğrudan artırır.

  • Defer ve Async Kullanımı: Sayfa render'ı için zorunlu olmayan JavaScript dosyalarına defer veya async niteliği ekleyin. Defer, script'in DOM parse edildikten sonra çalışmasını sağlarken async script'i paralel indirir ve hazır olduğunda hemen çalıştırır.
  • Kod Bölme (Code Splitting): Büyük JavaScript bundle'larını daha küçük parçalara bölerek yalnızca o sayfa için gereken kodu yükleyin. React, Vue ve Next.js gibi framework'ler bu özelliği yerleşik olarak destekler.
  • Üçüncü Taraf Script Yönetimi: Canlı sohbet, analitik, reklam ve sosyal medya widgetları gibi üçüncü taraf scriptleri INP değerinizi olumsuz etkileyebilir. Bu scriptleri gecikmeli yükleyin (load event sonrası) ya da facade pattern ile kullanıcı etkileşimine kadar gerçek scripti yüklemekten kaçının.

CDN ve Server Response Time Optimizasyonu

Sunucu yanıt süresi (TTFB - Time to First Byte), LCP metriğinin doğrudan etkileyen ama sıkça göz ardı edilen bir bileşendir. TTFB'nin 800ms'nin altında tutulması hedeflenmelidir. Yüksek TTFB değerleri; yavaş veritabanı sorguları, yetersiz sunucu kapasitesi veya optimize edilmemiş backend kodundan kaynaklanabilir. Bir CDN (Content Delivery Network) kullanımı, statik içeriklerinizi kullanıcıya coğrafi olarak en yakın sunucudan sunarak hem TTFB'yi hem de genel sayfa yüklenme hızını iyileştirir. Cloudflare, Fastly ve AWS CloudFront e-ticaret siteleri için popüler CDN çözümleridir.

Shopify Hız Optimizasyonu

Shopify, kullanıma hazır e-ticaret altyapısı sunarken hız optimizasyonu konusunda bazı kısıtlamalar barındırır. Shopify mağazalarında sık karşılaşılan hız sorunları şunlardır: theme'den kaynaklanan gereksiz kod yükü, çok sayıda yüklenen uygulama scripti ve büyük boyutlu ürün görselleri. Shopify theme'inizi seçerken performans skoruna dikkat edin; Dawn gibi resmi Shopify temalar bu açıdan optimize edilmiştir. Kullanmadığınız uygulamaları kaldırın ve uygulama scriptlerinin yalnızca ihtiyaç duyulan sayfalarda yüklenmesini sağlayın. Shopify'ın yerleşik görsel optimizasyonunu (Shopify CDN) kullanmak ve görselleri doğru boyutlarda yüklemek de önemli bir iyileştirme sağlar.

Sık Sorulan Sorular

Core Web Vitals skorum düşükse sıralamam düşer mi?

Core Web Vitals, Google'ın Page Experience sinyallerinden biridir ve sıralama faktörü olarak rol oynar. Ancak içerik kalitesi, backlink profili ve diğer SEO faktörleri hâlâ daha belirleyicidir. Zayıf CWV skoru, benzer kalitedeki rakipler arasında sizi geride bırakabilir; bu nedenle iyileştirme önemlidir ancak panik yapmadan planlı şekilde yaklaşılması gerekir.

LCP'yi iyileştirmenin en hızlı yolu nedir?

LCP iyileştirmesinde en hızlı kazanım sağlayan yöntemler şunlardır: hero görselini WebP formatına çevirip preload etmek, sunucu yanıt süresini (TTFB) iyileştirmek ve render-blocking CSS/JS kaynaklarını ortadan kaldırmak. Bu üç adımı uygulayan siteler genellikle LCP'de 1-2 saniyelik iyileşme elde eder.

INP ile FID arasındaki fark nedir?

FID (First Input Delay) yalnızca sayfadaki ilk kullanıcı etkileşimini ölçerken, INP (Interaction to Next Paint) tüm sayfa ömrü boyunca gerçekleşen etkileşimleri değerlendirir ve en kötü durumu baz alır. Bu nedenle INP, gerçek kullanıcı deneyimini çok daha iyi yansıtır. Google, 2024'te FID'i tamamen INP ile değiştirmiştir.

Shopify'da Core Web Vitals nasıl iyileştirilir?

Shopify'da CWV iyileştirmesi için öncelikle yüklü uygulamaların sayısını azaltın ve her uygulamanın sayfa performansına etkisini ölçün. Hız odaklı bir theme kullanın (Dawn önerilir), tüm görselleri doğru boyutlarda yükleyin ve Shopify'ın lazy loading özelliğinden yararlanın. Gerekiyorsa uygulama scriptlerini yalnızca ilgili sayfalarda yüklemek için liquid koşulları kullanın.

Sonuç

Teknik SEO, sayfa hızı ve Core Web Vitals optimizasyonu; Google sıralamalarında kalıcı bir avantaj elde etmenin temel yollarından biridir. LCP, INP ve CLS metriklerini düzenli ölçerek, görsel optimizasyonundan JavaScript yönetimine kadar sistematik bir iyileştirme süreci yürütmek rekabette öne çıkmanızı sağlayacaktır. Toserof Tech. olarak SEO ve dijital pazarlama çözümleri için iletişime geçin.

Teknik SEO Core Web Vitals Sayfa Hızı
Ortaklık Başvurusu

Birlikte Büyüyelim

Dijital dönüşümünüz için size yatırım yapmamızı ister misiniz? Başvurunuzu değerlendirelim.

Bilgileriniz gizlilik politikamız kapsamında korunur.