درخواست دمو
عملکرد

بهینه‌سازی INP فروشگاه

بهینه‌سازی INP فروشگاه — پاسخ سریع به کلیک «افزودن به سبد»

INP زمان بین تعامل کاربر (کلیک، تاچ) تا نمایش frame بعدی را می‌سنجد. هدف Good: زیر ۲۰۰ms. در WooCommerce INP بالا معمولاً از JS سنگین cart، analytics و page builder ناشی می‌شود. راه‌حل: code splitting، defer third-party scripts و حذف long tasks بالای ۵۰ms.

8 دقیقه مطالعهبروزرسانی: ۷ تیر ۱۴۰۵

آستانه INP

رتبهINPتجربه کاربر
Good≤ ۲۰۰msپاسخ فوری دکمه
Needs Improvement۲۰۰–۵۰۰msتأخیر محسوس
Poor> ۵۰۰msrage click و رهاسازی

۵ گام کاهش INP

  1. 1

    پروفایل long tasks

    Chrome Performance — tasks بالای ۵۰ms را شناسایی کنید.

  2. 2

    Defer analytics

    GTM و pixel بعد از interactive load.

  3. 3

    سبک‌سازی cart JS

    AJAX add-to-cart بدون reload کل صفحه.

  4. 4

    Web worker

    پردازش سنگین off main thread.

  5. 5

    تست موبایل واقعی

    نه فقط desktop throttling.

بهترین روش‌ها

  • loading state روی دکمه add-to-cart (جلوگیری از double click).
  • حذف slider سنگین از صفحه محصول.
  • کاهش تعداد third-party script.

سوالات متداول

INP تمام interactions را می‌سنجد — جامع‌تر و معیار فعلی Google.

مطالب مرتبط