Hız tek bir puan değildir
Core Web Vitals gerçek kullanıcıların yükleme, etkileşim ve görsel kararlılık deneyimini ölçer. LCP ana içeriğin görünmesini, INP etkileşim yanıtını, CLS ise beklenmeyen kaymaları izler.
INP neden yükselir?
- Uzun JavaScript görevleri
- DOM değişiminden hemen sonra geometri ölçümü
- Gereksiz üçüncü taraf kodları
- Ağır olay dinleyicileri ve büyük render alanları
Animasyonları koruyarak optimizasyon
Önce ölçüm ve yazma işlemlerini ayırın, görünmeyen bileşenleri erteleyin, görselleri doğru boyutlandırın ve animasyonu transform/opacity üzerinden yürütün.