Core Web Vitals 2024 Güncellemesi: Google'ın Yeni Sıralama Kriterlerine Hazırlanın

Merhaba,

Google, Core Web Vitals metriklerinde önemli bir değişiklik yapıyor ve bu değişiklik Mart 2024'te yürürlüğe girecek. Değişikliği şimdiden bilmek ve hazırlığı önceden yapmak sıralama kayıplarını önlemek açısından kritik. Bu yazımda dilim döndüğünce bu konuyu aktarmaya çalışacağım.

Core Web Vitals Nedir ?

Önce temelden girelim. Google 2021'den beri sayfa deneyimini ölçen üç metriği sıralama kriteri olarak kullanıyor:

• LCP (Largest Contentful Paint): Sayfanın en büyük görsel içeriğinin yüklenme süresi. İdeal: 2.5 saniye altı.
• FID (First Input Delay): Kullanıcının ilk etkileşimine sayfanın yanıt verme gecikmesi. İdeal: 100ms altı.
• CLS (Cumulative Layout Shift): Sayfa yüklenirken öğelerin kayma miktarı. İdeal: 0.1 altı.

Ne Değişiyor ?

Mart 2024'te FID (First Input Delay) metriği kaldırılıyor ve yerine INP (Interaction to Next Paint) geliyor. Bu önemli bir fark arkadaşlar.

FID yalnızca sayfadaki ilk etkileşimi ölçüyordu. INP ise kullanıcının sayfa boyunca yaptığı tüm etkileşimlerin yanıt sürelerini ölçüp en kötüsünü baz alıyor. Bu çok daha gerçekçi ve talep edici bir metrik.

INP için ideal değer: 200ms altı. 500ms üzeri "kötü" kategorisine giriyor.

Neden INP Önemli ?

FID'i geçmek görece kolaydı. Çünkü sadece ilk tıklamaya bakıyordu. INP ise tüm kullanıcı etkileşimini değerlendiriyor: buton tıklamaları, form girişleri, dropdown açmaları vs vs. JavaScript yoğun uygulamalarda bu metriği geçmek çok daha zor.

Özellikle şu durumlar INP skorunu kötüleştirir:

• Main thread'i uzun süre bloke eden JavaScript
• Büyük, optimize edilmemiş JS bundle'ları
• Yavaş sunucu yanıtlarının tetiklediği DOM güncellemeleri
• Third-party script'lerin yarattığı gecikme (analytics, chat widget'ları vs vs)

Sitenizi Nasıl Test Edersiniz ?

Şimdi harekete geçin arkadaşlar. Mart 2024'ü beklemeyin:

• Google Search Console: Core Web Vitals raporu altında INP verisi artık görünüyor. Hangi sayfalarınız kötü durumda, hemen bakın.
• PageSpeed Insights: URL bazında detaylı analiz yapıyor, iyileştirme önerileri sunuyor.
• Chrome DevTools: Performance panelinde Long Task'ları tespit edin, main thread'i ne bloke ediyor görun.
• web-vitals JavaScript kütüphanesi: Gerçek kullanıcı verisi toplamak için sayfanıza eklenebilir.

İyileştirme için Ne Yapmalı ?

• JavaScript'i lazy load edin — her şeyi başlangıçta yüklemeyin
• Uzun çalışan görevleri daha küçük parçalara bölün (scheduler API)
• Gereksiz third-party script'lerden kurtulun
• React, Angular gibi framework'lerde server-side rendering değerlendirin
• Input handler'larınızın ne kadar iş yaptığını gözden geçirin

Bu iş kolay değil, emek ve zaman ister. Ama Mart 2024 öncesinde fark yaratmak istiyorsanız şimdi başlamak gerekiyor.

İyi Günler Dilerim,