پاسخ کوتاه: AJAX را برای تعاملاتی استفاده کنید که کاربر انتظار پاسخ سریع بدون بارگذاری مجدد صفحه دارد؛ مثل جستجوی زنده، افزودن به سبد، ثبت تیکت و بروزرسانی داشبورد. محتوای اصلی صفحه محصول یا مقاله بهتر است در HTML اولیه سرور وجود داشته باشد.
موارد مناسب برای AJAX
- جستجوی محصول با debounce.
- افزودن به سبد و بروزرسانی شمارنده.
- نمایش Mini Cart.
- ثبت تیکت و پاسخ.
- فیلتر محدود که URL قابل اشتراک آن حفظ شود.
موارد نامناسب
اگر H1، توضیح اصلی محصول و لینکهای داخلی فقط بعد از fetch ظاهر شوند، موتور جستجو و کاربر روی شبکه کند دیرتر به محتوا میرسند. SSR برای محتوای اصلی انتخاب مطمئنتری است.
امنیت درخواستها
برای درخواست کاربر واردشده nonce و permission check نیاز است. ورودی را sanitize کنید و هیچوقت فقط به مخفی بودن endpoint اعتماد نکنید.
خطا و حالت Loading
هر تعامل async سه حالت دارد: در حال انجام، موفق و خطا. Skeleton کوچک یا spinner کافی است. دکمه را هنگام درخواست غیرفعال کنید تا کلیک تکراری سفارش یا تیکت چندباره نسازد.
URL و فیلتر
اگر فیلتر نتیجهای ایجاد میکند که کاربر باید بتواند لینک آن را بفرستد، History API را در نظر بگیرید. اما ترکیبهای فیلتر بیارزش را وارد Sitemap نکنید و از تولید URLهای تکراری برای ایندکس جلوگیری کنید.
اولین نظر را شما بنویسید
نظرها فقط برای کاربران واردشده فعال است.