Sayfa deneyimi metriklerini tasarım sürecine nasıl entegre ederim?
Yazar: Yılmaz Saraçcore-web-vitalssayfa-deneyimiperformans-butcesitasarim-sistemi
Kısa cevap: Sayfa deneyimi metrikleri yayın sonrası kontrol değil, tasarım kabul kriteri olmalı. Core Web Vitals eşikleri kamuya açıktır: LCP için 2,5 saniye, INP için 200 milisaniye, CLS için 0,1. Bu eşikler tasarım aşamasında performans bütçesine çevrilir.
Sürece yerleştirme
- Performans bütçesi tanımlayın: kahraman görselin boyutu, font ailesi sayısı, üçüncü taraf script listesi tasarım onayının parçası olsun.
- CLS kurallarını tasarım sistemine yazın: görsel, embed ve reklam alanları için yer rezervasyonu, geç yüklenen bileşenlere sabit yükseklik.
- INP için etkileşim geri bildirimi standartlaştırın: ağır işlemleri parçalayın, tıklama sonrası görsel tepkiyi geciktirmeyin.
- Staging ortamında Lighthouse ile lab ölçümü yapın; yayında CrUX ve RUM alan verisiyle doğrulayın.
- Regresyon alarmı kurun: yeni sürüm eşiği aşarsa tasarım ve geliştirme birlikte geri döner.
Böylece deneyim metriği tartışması sona taşınmaz; her tasarım kararı bütçesiyle birlikte gelir.