Genel Bakış
Google’ın resmi sıralama sinyallerinden INP (Interaction to Next Paint) skorunu 150ms altına çekerek yeşil bölgeye geçiş rehberi.
📌 Önemli Detaylar
- Tıklama anında çalışan uzun JavaScript görevlerini (Long Tasks) parçalama (scheduler.yield()).
- Ağır üçüncü parti takip scriptlerini (GTM, Hotjar vb.) partytown veya Web Worker içine taşıma.
- CSS containment ve will-change kullanımı ile reflow maliyetini düşürme.
🛠️ Nasıl Faydalanılır / Uygulama Adımları
- Chrome DevTools Performance paneline girip CPU Throttling 4x seçeneğini açın.
- Buton ve form etkileşimlerindeki blocking time sürelerini kaydedin.
- State güncellemelerinde React 19 startTransition veya vanilla yieldToMain fonksiyonunu uygulayın.
Kaynak / Resmi Bağlantı: web.dev / Google Chrome Team