LCP neyi ölçer?
Largest Contentful Paint, görünür alandaki ana içerik öğesinin ne zaman çizildiğini ölçer. Büyük hero görseli, başlık veya metin bloğu LCP öğesi olabilir. Sunucu yanıtı, dosya önceliği, görsel boyutu ve renderı engelleyen kaynaklar süreyi etkiler.
INP neyi ölçer?
Interaction to Next Paint, kullanıcının tıklama, dokunma veya klavye etkileşimlerine sayfanın ne kadar hızlı görsel yanıt verdiğini değerlendirir. Uzun JavaScript görevleri ve ağır üçüncü taraf kodları gecikmeye yol açabilir.
CLS neyi ölçer?
Cumulative Layout Shift, beklenmedik yerleşim kaymalarını ölçer. Boyutsuz görseller, sonradan açılan reklamlar ve font değişimi yaygın nedenlerdir. Kullanıcının eylemiyle oluşan bazı hareketler farklı hesaplanabilir.
Alan verisi ve laboratuvar testi
Chrome kullanıcı verileri gerçek deneyimi toplu biçimde gösterir ve yeterli trafik gerektirir. Lighthouse kontrollü bir test ortamında teşhis sağlar. İki veri türü farklı sonuç verebilir; biri diğerinin yerine kullanılmamalıdır.
URL grupları
Search Console benzer sayfaları gruplar halinde raporlayabilir. Ana sayfa iyi görünürken ürün veya blog şablonu sorunlu olabilir. Her şablondan örnek URL açılmalı ve ortak bileşenler kontrol edilmelidir.
SEO’ya etkisi
Core Web Vitals arama deneyiminin parçalarından biridir; kötü içeriği iyi puanla telafi etmez. Benzer nitelikteki sonuçlar arasında fayda sağlayabilir. Öncelik, kullanıcıyı gerçekten etkileyen büyük sorunlara verilmelidir.
İyileştirme sırası
Önce sorunlu metrik ve şablon bulunur, ardından LCP öğesi, uzun görev veya kayma kaynağı düzeltilir. İnceleme için teknik SEO hizmetimize bakabilirsiniz.
Sık yapılan hata
Masaüstü Lighthouse puanını Core Web Vitals sonucu sanmak ve yalnız ana sayfayı ölçmek yanlıştır. Mobil alan verisi ile farklı şablonlar birlikte incelenmelidir.
İlgili alt konular ve karar notları
Bu bölüm, aynı kullanıcı ihtiyacını parçalayan kısa sayfalardaki yararlı noktaları tek rehber altında toplar. Böylece konu, birbirine rakip URL’ler yerine tek ve güncellenebilir kaynak üzerinden izlenebilir.
CLS Optimizasyonu Rehberi: Görsel Kaymaları Azaltma
Kullanıcı okumaya başladığında paragrafın aşağı itilmesi veya basmak istediği düğmenin yer değiştirmesi kötü deneyim oluşturur. Her hareket CLS sayılmaz; kullanıcının tıklamasından hemen sonra beklenen açılmalar farklı değerlendirilir. img ve video öğelerinde width ile height değerleri ya da CSS aspect-ratio kullanıldığında tarayıcı dosya gelmeden gerekli alanı ayırabilir. Responsive tasarımda görsel küçülse bile en-boy oranı korunmalıdır. Reklam, harita, video ve sosyal medya bileşenleri için önceden yeterli alan ayrılmalıdır. İçerik geldikten sonra alanı büyüten bileşenler aşağıdaki metni iter. Boş reklam alanının tamamen kapanması da kayma yaratabilir. Web fontu yüklendiğinde harf genişlikleri değişebilir. Uygun yedek font, font-display seçimi ve gerekli font dosyalarının erken yüklenmesi kaymayı azaltabilir. Kullanılmayan ağırlık ve.
Search Console Core Web Vitals Raporu Rehberi
LCP ana içeriğin yüklenmesini, INP kullanıcı etkileşimine verilen yanıtı, CLS beklenmeyen yerleşim kaymasını ölçer. Değerlendirme kullanıcıların yüzde 75’lik dilimine göre yapılır. Google benzer deneyim ve şablona sahip adresleri gruplandırabilir. Rapordaki örnek URL, yalnız kendisini değil aynı sorunu paylaşan başka sayfaları temsil edebilir. Alan verisi için yeterli gerçek kullanıcı verisi bulunmayabilir. Yeni veya az ziyaret edilen sayfaların raporda olmaması, otomatik olarak hızlı ya da sorunsuz oldukları anlamına gelmez. PageSpeed laboratuvar testi belirli cihaz ve ağ koşulunda çalışır; alan verisi farklı kullanıcıların son dönem deneyimini toplar. Test anı iyi olsa bile eski alan verisi zayıf kalabilir.
INP Optimizasyonu Rehberi: Etkileşim Gecikmesini İyileştirme
Bir etkileşimin başlangıcından tarayıcının sonraki kareyi gösterebilmesine kadar geçen süre değerlendirilir. Yalnız ilk tıklama değil, sayfa ziyareti boyunca gerçekleşen etkileşimler hesaba katılır. Bu nedenle laboratuvar testi her sorunu yakalayamayabilir. Gerçek kullanıcıların cihazı, ağ koşulları ve etkileşimleri farklıdır. Chrome kullanıcı deneyimi verisi yeterli trafik bulunan sayfalarda genel sonucu gösterir. Lighthouse ise olası uzun görevleri ve ana iş parçacığı yükünü bulmaya yardım eder. Ana iş parçacığını uzun süre meşgul eden JavaScript işleri daha küçük parçalara ayrılabilir. Kullanıcı etkileşimi önceliklendirilmeli ve gereksiz hesaplama ertelenmelidir. Kod değişikliği gerçek işlevin bozulmadığı test edilerek yapılır. Reklam, sohbet, analiz ve kişiselleştirme araçları işlem süresini artırabilir. Her scriptin iş değeri ve yükleme zamanı.
Interaction to Next Paint (INP) Nedir?
Bir ziyaret sırasında gerçekleşen etkileşimlerin gecikmesini gözlemler ve genel deneyimi temsil eden yüksek bir değeri raporlar. Etkileşim; giriş gecikmesi, olay kodunun çalışması ve tarayıcının yeni görüntüyü çizmesi aşamalarından oluşur. Google’ın güncel eşiklerine göre 200 milisaniye ve altı iyi, 200–500 arası iyileştirme gerektiren, 500 üzeri zayıf kabul edilir. Değerlendirme gerçek kullanıcıların yüzde 75’lik dilimine göre yapılır. FID yalnız ilk etkileşimdeki giriş gecikmesine odaklanıyordu. INP sayfanın yaşamı boyunca farklı etkileşimleri ve görsel yanıt aşamasını daha geniş biçimde değerlendirir. Bu nedenle ilk açılış hızlı olsa bile sonraki menü ve filtre işlemleri sorun gösterebilir.
LCP Optimizasyonu Rehberi: Largest Contentful Paint İyileştirme
Ana görsel, büyük başlık, metin bloğu veya poster görseli LCP olabilir. Öğenin sayfa ve cihaz türüne göre değişebileceği unutulmamalıdır. Lighthouse, performans kaydı ve gerçek kullanıcı verileri farklı şablonlardan örneklerle incelenir. HTML geç gelirse tarayıcı ana kaynağı keşfetmeye de geç başlar. Uygulama sorguları, sunucu kapasitesi, CDN ve önbellek ayarları kontrol edilir. Yalnız görsel sıkıştırmak yüksek TTFB sorununu çözmez. LCP görseli CSS arka planında veya JavaScript sonrasında ekleniyorsa geç bulunabilir. Uygun img etiketi, preload veya fetchpriority kullanılabilir. Aynı anda çok sayıda kaynağa yüksek öncelik vermek faydayı azaltır. Görsel ekranda kullanılacağından çok daha büyük gönderilmemeli; srcset ve sizes ile cihaza uygun dosya seçilmelidir. WebP veya AVIF değerlendirilebilir. Aşırı.