در حال دریافت اطلاعات ...
متن رفرنس
به طور کلی وقتی loading.js اضافه می شه کل page.tsx شما رپ می شه داخل یک Suspense به شکل اتوماتیک و fallback اش می شه فایل loading.tsx پس اینجا چند تا نکته مهم پیش میاد اگه پیج شما در چند جای مختلف به یه سری کامپوننت dependecy داشته باشه پیج به اندازه کندترین اون طول می کشه تا لود بشه و stream بشه و نمایش داده بشه در این حالت بهتره از suspense به شکل دستی جایی که می خوایم و نیاز داریم استفاده کنیم. همینطور اگه layout شما به چیزی وابسته بشه مثل api یا ... اینجا دیگه loading.js کمکی نمی کنه
نکته مهم این متن اینه:
مشکل کندترین درخواست: چون مرز <Suspense> در بالاترین سطح صفحه است، تا زمانی که کُندترین کامپوننت سروری (کندترین fetch) آماده نشود، کاربر فقط صفحه لودینگ را میبیند. استفاده دستی از <Suspense> اجازه میدهد بخشهای سریعتر بلافاصله استریم و نمایش داده شوند.
عنوان کارت
پاسخ