Core Web Vitals yalnız bir hız puanı değildir; gerçek kullanıcıların yükleme, etkileşim ve görsel kararlılık deneyimini LCP, INP ve CLS ile değerlendirir. Teknik SEO süreci bu veriyi içerik önemi, şablon kapsamı ve işlev riskiyle birlikte önceliklendirmelidir.
Bu rehberde ne bulacaksınız?
Saha ve laboratuvar verisini ayırmayı, sorunları URL yerine şablon bileşenlerine kadar izlemeyi, LCP–INP–CLS için farklı teşhis yolları kullanmayı ve performans kazanımını işlevsel regresyon oluşturmadan yayınlamayı öğreneceksiniz.
Saha ve laboratuvar verisini doğru görevde kullanın
Search Console Core Web Vitals raporu gerçek kullanıcı verisini URL gruplarıyla sunar; laboratuvar araçları ise belirli koşullarda kök neden araştırmasına yardım eder.
Saha verisini şablon kapsamıyla okuyun
Bir URL grubundaki sorun ortak tema bileşeni, medya deseni veya üçüncü taraf koddan kaynaklanabilir.
- Mobil ve masaüstü gruplarını ayrı değerlendirin.
- Etkilenen URL’lerin ortak şablon ve bileşenlerini listeleyin.
- Düşük trafik nedeniyle saha verisi olmayan URL’leri laboratuvar ve benzer şablonla inceleyin.
Laboratuvar testini tekrarlanabilir kurun
Tek test koşusu ağ, cihaz ve arka plan süreçlerinden etkilenebilir. Karşılaştırma aynı koşullarda ve birden fazla çalıştırmayla yapılmalıdır.
- Test cihazı, bağlantı, konum ve URL’yi kaydedin.
- Önce ve sonra testinde aynı araç ve yapılandırmayı kullanın.
- Skor yerine metrik, zaman çizelgesi ve kaynak bulgusunu inceleyin.
LCP sorununu ana içerik zincirinde teşhis edin
LCP, ilk görünümdeki en büyük içerik öğesinin gösterilme süresini ölçer. Sunucu yanıtı, kaynak keşfi, indirme ve render gecikmesi ayrı ayrı incelenmelidir.
LCP öğesini ve kaynak yolunu belirleyin
Her şablonda LCP öğesi aynı olmayabilir; ürün görseli, hero metni veya arka plan farklı yükleme zincirleri kullanabilir.
- Performans kaydında gerçek LCP öğesini doğrulayın.
- Kaynağın HTML içinde erken keşfedilip keşfedilmediğini kontrol edin.
- Kritik görseli lazy-load dışında tutmayı ve uygun önceliği test edin.
Sunucu ve render gecikmesini ayırın
Hızlı indirilen görsel, geç çalışan JavaScript veya beklenen font nedeniyle yine geç görünebilir.
- TTFB ile LCP arasındaki aşamaları ayrı ölçün.
- Kritik CSS, font ve istemci tarafı render bağımlılıklarını inceleyin.
- Kullanılmayan ilk ekran bileşenlerini ve render engelleyici kaynakları azaltın.
INP ve CLS için ayrı hata modelleri kullanın
INP etkileşim yanıtını, CLS ise beklenmeyen görsel kaymayı ölçer. Aynı optimizasyon listesi iki metriğin kök nedenini doğru açıklamaz.
INP için ana iş parçacığını izleyin
Uzun JavaScript görevleri, fazla event handler ve ağır üçüncü taraf kod kullanıcı etkileşiminin işlenmesini geciktirebilir.
- Yavaş etkileşimi gerçek menü, filtre, form veya sepet senaryosunda yeniden üretin.
- Girdi gecikmesi, işlem süresi ve sonraki paint aşamalarını ayırın.
- Gereksiz JavaScript’i kaldırın; kalan işi bölme ve geciktirme yöntemlerini test edin.
CLS için alan ve yaşam döngüsü ayırın
Boyutsuz medya, geç eklenen banner, font değişimi ve istemci tarafı içerik mevcut düzeni hareket ettirebilir.
- Görsel, video ve iframe için oran veya boyut ayırın.
- Çerez ve kampanya mesajlarının mevcut içeriği itmediğini kontrol edin.
- Kullanıcı etkileşimi dışındaki animasyon ve DOM eklemelerini gözden geçirin.
Performans değişikliğini SEO yayın sürecinde doğrulayın
Bir metriği iyileştirirken ana içerik, bağlantı, ölçüm veya dönüşüm işlevini bozmak kabul edilemez. Değişiklikler teknik ve işlevsel testle birlikte yönetilmelidir.
Etki ve riskle önceliklendirin
Bütün URL gruplarına aynı anda müdahale etmek yerine önemli şablon, kullanıcı sayısı ve ortak kök neden birlikte değerlendirilmelidir.
- Etkilenen şablon kapsamını ve iş önemini yazın.
- Kazanım tahminiyle uygulama ve regresyon riskini karşılaştırın.
- Ortak bileşen düzeltmesini küçük temsili grupta doğrulayın.
Yayın sonrası gerilemeyi izleyin
Saha verisinin yenilenmesi zaman alır; ancak işlev hataları ve laboratuvar gerilemesi yayın sonrasında hemen kontrol edilebilir.
- Menü, form, sepet ve analitik olaylarını uçtan uca test edin.
- Deploy tarihini laboratuvar ve saha verisine not olarak ekleyin.
- Yeni tema, eklenti ve etiket değişikliklerini performans kontrol kapısından geçirin.
Resmi kaynaklar
Özellikler ve platform kuralları zamanla değişebilir. Uygulama öncesinde aşağıdaki birincil kaynakların güncel sürümünü kontrol edin.