Bu Yazıdan Öne Çıkanlar
2024 Mart itibarıyla resmi Core Web Vitals metriği olan INP hakkında bilmeniz gereken her şey.
Duyarlı Web Siteleri ve INP
Siteniz hızlı açılıyor olabilir, peki kullanıcının bir butona tıkladığında aldığı tepki ne kadar hızlı? INP (Interaction to Next Paint) metriği, kullanıcının sayfa ömrü boyunca gerçekleştirdiği her etkileşimin gecikmesini ölçer ve 200ms'nin altını "iyi" kabul eder.
INP Puanını Bozan Şeyler
Genellikle ana thread'i (main thread) çok meşgul eden uzun JavaScript görevleri (Long Tasks) INP'nin düşmanıdır. Bir animasyon çalışırken veya ağır bir veri işlenirken kullanıcının tıklaması cevapsız kalıyorsa, INP puanınız yükselir.
Nasıl Optimize Edilir?
- Code Splitting: Büyük JS dosyalarını dinamik import ile parçalara ayırın.
- Web Workers: Ağır hesaplamaları arka plan thread'lerine taşıyın.
- Yield Stratejisi: Uzun görevleri
scheduler.yield()ile bölerek tarayıcıya nefes alanı bırakın. - Debounce/Throttle: Sık tetiklenen event handler'ları optimize edin.
