چه زمانی از useLinkStatus استفاده کنیم؟

اگر اینترنت کاربر سریع باشد، ممکن است رفتن به صفحه جدید فقط ۵۰ میلی‌ثانیه طول بکشد. اگر شما بلافاصله با کلیک کاربر، علامت لودینگ را نشان دهید، این علامت در یک صدم ثانیه ظاهر و بلافاصله غیب می‌شود. این حالت چشمک‌زدن، تجربه کاربری (UX) بدی دارد و حس پرش یا باگ را به کاربر منتقل می‌کند.

راه‌حل داکیومنت (با استفاده از CSS Animation/Transition):

پیشنهاد می‌دهد که علامت لودینگ در ابتدا نامرئی باشد (opacity: 0) و مثلاً ۱۰۰ میلی‌ثانیه تاخیر (animation-delay: 100ms) برای ظاهر شدن آن تنظیم کنید.

در این حالت دو اتفاق می‌افتد:

۱. اگر اینترنت سریع باشد: صفحه جدید در کمتر از ۱۰۰ میلی‌ثانیه لود می‌شود. کاربر اصلاً علامت لودینگ را نمی‌بیند (چون هنوز در زمان تاخیر است و نامرئی مانده).

۲. اگر اینترنت کند باشد: زمان از ۱۰۰ میلی‌ثانیه می‌گذرد، انیمیشن شروع می‌شود، لودینگ روی صفحه ظاهر می‌شود و کاربر می‌فهمد که سایت در حال پردازش درخواست اوست.

به این تکنیک اصطلاحاً می‌گویند “Debounce کردن لودینگ” تا فقط زمانی نمایش داده شود که واقعاً نیاز است.