Core Web Vitals: üç metrik ve gerçekten işe yarayan düzeltmeler

Google'ın Core Web Vitals metrikleri, bir sayfanın kullanıcıya nasıl hissettirdiğini üç sayıya indirger: ne kadar çabuk bir şey göründü, tıklamaya ne kadar çabuk cevap verdi, ve sayfa yüklenirken içerik zıpladı mı.

LCP — en büyük içeriğin görünme süresi

Sayfanın ilk ekranındaki en büyük eleman genellikle bir kapak görseli veya büyük bir başlıktır. LCP, o elemanın ekranda belirmesine kadar geçen süredir. 2.5 saniyenin altı iyi kabul edilir.

• 01İlk ekrandaki görseli tembel yükleme (lazy loading) listesinden çıkarın — o görsel beklemek için değil, hemen görünmek için orada.
• 02Görselleri modern formatta (WebP veya AVIF) ve gerçekten görüntülenecek boyutta servis edin. 4000 piksel genişliğindeki bir fotoğrafı 800 piksellik alana koymak en yaygın hatadır.
• 03Kritik fontu önceden yükleyin (preload). Font geç gelirse başlık geç görünür, LCP geç ölçülür.

INP — etkileşime cevap süresi

INP, eski FID metriğinin yerini aldı ve daha zorlu bir ölçüm: kullanıcının sayfa boyunca yaptığı bütün tıklama ve dokunuşlara verilen cevabın gecikmesine bakar. Ana iş parçacığını meşgul eden ağır JavaScript burada doğrudan cezalandırılır.

Kurumsal sitelerde INP'yi bozan şey neredeyse her zaman üçüncü parti betiklerdir: analitik, ısı haritası, sohbet widget'ı, reklam pikselleri. Her birinin gerçekten gerekli olup olmadığını sorun; kalanları da sayfa yüklendikten sonraya erteleyin.

CLS — düzen kaymaları

Okumaya başladığınız metnin aniden aşağı kayması, tıklamak üzere olduğunuz butonun yer değiştirmesi. CLS bunu ölçer ve çözümü şaşırtıcı derecede basittir: gelecek olan her şeye önceden yer ayırın.

• 01Her görsele genişlik ve yükseklik verin, böylece tarayıcı yerini indirmeden önce ayırır.
• 02Gömülü içerik (video, harita, form) için sabit yükseklikli bir kapsayıcı kullanın.
• 03Font yüklenirken yedek font ile ölçüleri yakınlaştırın; aksi hâlde font değiştiği anda bütün metin oynar.
• 04Duyuru şeridi veya çerez bildirimi gibi elemanları içeriğin üstüne iterek değil, üzerinde katman olarak gösterin.

Core Web Vitals bir SEO oyunu değil; kullanıcının zaten hissettiği şeyin sayıya dönüşmüş hâli.

Laboratuvar değil, saha verisi

Lighthouse skoru kendi makinenizde ölçülen bir laboratuvar sonucudur. Google sıralamada gerçek kullanıcı verisini (CrUX) kullanır. İkisi arasında fark olması normaldir; asıl bakılması gereken, Search Console'daki saha raporudur. Bir düzeltmenin etkisini görmek için de yaklaşık dört haftalık veri birikmesini beklemek gerekir.