Web Performansında Core Web Vitals Rehberi

Core Web Vitals — LCP, INP ve CLS — artık sadece Google'ın arka planda ölçtüğü sayılar değil, kullanıcılarınızın sitenizi nasıl deneyimlediğinin doğrudan bir yansıması.

LCP (Largest Contentful Paint), sayfanın en büyük görsel öğesinin ne kadar sürede göründüğünü ölçer. Bunu iyileştirmenin en etkili yolu: kritik görselde `priority` kullanmak, gereksiz üçüncü parti script'lerden kaçınmak ve sunucu tarafında mümkün olduğunca statik üretim yapmak.

INP (Interaction to Next Paint), kullanıcı bir düğmeye tıkladığında arayüzün ne kadar hızlı tepki verdiğini ölçer. Ana iş parçacığını bloklayan ağır JavaScript hesaplamalarından kaçınmak, INP'yi doğrudan iyileştirir.

CLS (Cumulative Layout Shift) ise sayfa yüklenirken içeriğin ne kadar 'zıpladığını' ölçer. Görsellere ve medyaya her zaman sabit boyut/aspect-ratio vermek, bu metriği neredeyse sıfıra indirir.

Bu üç metriği bir kontrol listesi değil, bir tasarım felsefesi olarak ele aldığımızda, hem kullanıcı deneyimi hem de arama motoru sıralaması aynı anda iyileşir.