Bahsettiğiniz bu 'core web vitals skoru' nedir?

"Core Web Vitals skorlarımız düşüyor. Yardımcı olabilir misiniz?"

Bu, günde birkaç kez aldığım bir soru. İlk olarak kendime sormam gereken şey 'Bahsettiğiniz bu Core Web Vitals skoru nedir?' İnsanlar benimle iletişime geçtiklerinde, sayfa hızlarıyla ilgili sorunları olduğunu yeni öğrenmiş oluyorlar ve bunları kendileri çözemiyorlar. Genellikle bu, ya lab verilerinin (lighthouse) ya da saha verilerinin (CrUX ve RUM) başarısız olduğu anlamına gelir.

Yani birisi size core web vitals'ın başarısız olduğunu söylüyorsa ilk yapmanız gereken şey lab verisi mi yoksa saha verisi mi konuştuklarını anlamaktır. Lab verisinden (lighthouse) bahsettiklerinin harika bir göstergesi bu 'Core Web Vitals Skoru'ndan bahsetmeleridir.

Eyvah, bu bir lighthouse skoru

Bu sihirli 'Core Web Vitals Skoru' hakkında sorduğumda, bu noktada benimle iletişime geçen birçok kişi bana başarısız bir lighthouse skoru gösterecektir. İşte burada işler zorlaşıyor! Başarısız bir lighthouse skoru, core web vitals'ı geçemediğiniz anlamına gelmez. Tıpkı 'yeşil' bir lighthouse skorunun Core Web Vitals'ı geçtiğiniz anlamına gelmemesi gibi. Sadece çok spesifik bir testi geçtiğiniz veya geçemediğiniz anlamına gelir.

Onlara saha verisini anlatın

Bundan sonra yaptığım şey onlara saha verisini anlatmaktır. Bu durumda CrUX verisi. CrUX, Chrome User Experience Report anlamına gelir. CrUX, gerçek dünyadaki Chrome kullanıcılarının web'deki popüler hedefleri nasıl deneyimlediğini yansıtan bir veri setidir.

CrUX, Web Vitals programının resmi veri setidir. Bu, Core Web Vitals'ı geçmek (veya başarısız olmak) için 3 metrikte (LCP, INP ve CLS) ziyaretçilerinizin en az %75'inin iyi bir deneyime sahip olması gerektiği anlamına gelir.

Artık Core Web Vitals'ı geçmenizi veya başarısız olmanızı sağlayacak tek bir 'Core Web Vitals Skoru' olmadığını anlayabilirsiniz.

Onlara saha verisini gösterin

Süreç basittir. Tarayıcınızı pagespeed.web.dev adresine yönlendirin ve URL'yi girin. Ardından, yalnızca ana sayfa için değil, tüm site için Core Web Vitals'ı göstermek üzere Origin'i ('This URL'nin hemen yanında bulunur) seçin.

Peki ya lighthouse?

Bu noktada, ikna edici bir argüman sunduktan ve az önce söylediklerimi kanıtladıktan sonra, müşterilerinizin %99'u lighthouse skorundan vazgeçmeye hazır değildir. Anlıyorum. Bir çekiciliği var. Herkesin yorumlayabildiği yeşil, turuncu ve kırmızı sayıların gerçekten hiç önemli olmadığını hayal etmek zor.

Lighthouse'un bir test olduğunu hatırlamanız gerekiyor. Çok harika bir test. Yaptığı şeylerin çoğunu seviyorum, nasıl kodlandığını seviyorum ve bazı core web vitals sorunlarını çözmenize nasıl yardımcı olabileceğini seviyorum. Ancak yapmayacağı 3 şey var:

1. Bir sayfayla etkileşime girmek. Bu, testi temelde kullanılamaz hale getirir. Ziyaretçiler sayfanızla etkileşime girecektir. Bu etkileşimden dönüşümünüzü elde edeceksiniz.

2. Tekrar eden bir ziyaretçi olarak davranmak. Lighthouse (varsayılan olarak, bu ayarı değiştirebilirsiniz) sayfanızı daha önce hiç ziyaret etmemiş gibi ziyaret eder. Sayfa render ve sayfa zamanlama açısından bu genellikle büyük bir fark yaratır. Dolayısıyla lighthouse, ziyaretçilerinizin büyük bir bölümünü temsil etmez.

3. Sayfanız hakkında herhangi bir şeyi anlamak. En iyi örnek Total Blocking Time denetimindedir. Çoğu uzman bile yüksek bir total blocking time'ın kötü bir şey olduğu konusunda hemfikirdir, ancak hikayenin tamamı bu değildir. 'Engelleme' sayfanın duyarlı olması gereken zamanda gerçekleşmediği (bunu zorlayabilirsiniz!) ve engelleme erken render sırasında gerçekleşmediği sürece, kötü bir lighthouse skoru alsanız bile muhtemelen tamamen sorunsuz olursunuz!