Performans yalnızca Lighthouse puanı değildir. Kullanıcı tıklamasının karşılığını hemen görebiliyorsa sistem daha hızlı hissedilir.

Üç pratik ilke

1. Etkileşime anında görsel karşılık ver.
2. Sayfa iskeletini veri gelmeden önce kararlı tut.
3. Ağır işi görünür alanın dışına taşı.

React Server Components başlangıçta gönderilen istemci JavaScript miktarını azaltabilir. Yine de sonuç, bileşen sınırlarını nasıl kurduğunuza bağlıdır.

export function SaveButton({ pending }: { pending: boolean }) {
  return <button aria-busy={pending}>{pending ? 'Kaydediliyor…' : 'Kaydet'}</button>
}