Core Web Vitals: LCP, INP ve CLS Ne Demek?

Core Web Vitals, gerçek kullanıcı deneyiminin belirli yönlerini değerlendirmeye yönelik metriklerdir. LCP ana içeriğin ne kadar hızlı görünür olduğunu, INP kullanıcı etkileşimlerine verilen genel tepkiyi, CLS ise sayfa düzeninin beklenmedik kaymalarını ölçer. Laboratuvar puanı ve gerçek kullanıcı verisi aynı şey değildir.

LCP nasıl iyileştirilir?

Sayfanın ana görselini gereksiz büyük dosya olarak yüklememek, uygun boyutlu görüntü kullanmak, sunucu yanıtını iyileştirmek ve kritik CSS'i sadeleştirmek yararlıdır. LCP görselini yanlışlıkla geç yüklenen öğelere bırakmak bazen ters etki yapar. Görsel optimizasyonunu gerçek ölçümle doğrulayın.

INP ve CLS neden bozulur?

INP, ağır JavaScript ve uzun ana iş parçacığı görevlerinden etkilenebilir. CLS ise boyutu önceden ayrılmamış görseller, geç eklenen reklamlar veya font değişimleri nedeniyle artabilir. Görsellere en-boy oranı vermek ve üçüncü taraf kodları gözden geçirmek iyi başlangıçtır.

Test yöntemini doğru seçin

PageSpeed Insights ve tarayıcı geliştirici araçları sorunları bulmak için kullanılabilir. Laboratuvar testleri tekrar üretilebilir ama gerçek kullanıcıların cihazları ve ağları farklıdır. Performansı tek seferlik puan olarak değil her sürümde izlenen bir süreç olarak ele alın.

Uygulamalı ipucu

Ana sayfada büyük bir kapak görseli LCP öğesi olabilir. Bu görsele uygunsuz lazy loading eklemek yüklenmesini geciktirir. Diğer yandan boyutu belirtilmemiş bir reklam alanı CLS değerini yükseltebilir. Mobil performansı değerlendirirken yalnızca hızlı masaüstü bilgisayarda yapılan testi değil, gerçek kullanıcı cihazlarını da önemseyin.