خطای Use passive listeners to improve scrolling performance در GTmetrix از اون دسته خطاهایی هستش که بر روی تجربه کاربری ( UX ) وب سایت شما تاثیر می گذاره و با برطرف کردن این خطا اسکرول شدن وب سایت شما توسط کاربر بهبود پیدا خواهد کرد.

    علت ایجاد خطای Use passive listeners to improve scrolling performance ؟

    خطای Use passive listeners to improve scrolling performance

    احتمالا برای شما هم پیش آمده که وارد یک وب سایت که کاملا بارگذاری نشده بشوید و سعی کرده اید تا صفحه را اسکرول کنید ولی اسکرول برای شما درست کار نمی کند.در مرورگرهایی مثل کروم تا زمانی که فایل های Javascript کاملا لود نشده باشد مروگر به شما اجازه اسکرول کردن صفحه را نخواهد داد و به همین دلیل خطای Use passive liteners to improve scrolling performance در GTmetrix ایجاد می شود و همین موضوع باعث افت تجربه کاربری یا همان UX می شود.

    چطور خطای Use passive listeners to improve scrolling performance را رفع کنیم ؟

    علت بیشتر توقف هایی که موقع اسکرول کردن رخ می دهد touch event litener ها هستند ( اما از آنجایی که این مبحث به برنامه نویسی مربوط می شود به توضیح این مطلب نمی پردازیم ) و همین موضوع باعث ایجاد خطای Use passive liteners to improve scrolling performance می شود که ما با استفاده از passive event listener می توانیم این مشکل را رفع کنیم.

    شما با کلیک کردن بر روی تب Structure می توانید مشاهده کنید که آیا این خطا برای شما ایجاد شده است یا خیر و بعد برای هر event listener یی که GTmerix این خطا را تشخیص داده می توانیم قطعه کد زیر را برای آن اضافه کنیم و خطای ایجاد شده را رفع کنیم.

    document.addEventListener('touchstart', onTouchStart, {passive: true});
    
    امین مرعشی

    امین مرعشی

    بیش از دو سال است که در دنیای وب فعالیت می کنم و علاقه مند به یادگیری و استفاده از جدیدترین تکنولوژی های این حوزه می باشم.
    ارسال نظر

    آدرس ایمیل شما منتشر نخواهد شد.