خطای Use passive listeners to improve scrolling performance در GTmetrix از اون دسته خطاهایی هستش که بر روی تجربه کاربری ( UX ) وب سایت شما تاثیر می گذاره و با برطرف کردن این خطا اسکرول شدن وب سایت شما توسط کاربر بهبود پیدا خواهد کرد.
احتمالا برای شما هم پیش آمده که وارد یک وب سایت که کاملا بارگذاری نشده بشوید و سعی کرده اید تا صفحه را اسکرول کنید ولی اسکرول برای شما درست کار نمی کند.در مرورگرهایی مثل کروم تا زمانی که فایل های Javascript کاملا لود نشده باشد مروگر به شما اجازه اسکرول کردن صفحه را نخواهد داد و به همین دلیل خطای Use passive liteners to improve scrolling performance در GTmetrix ایجاد می شود و همین موضوع باعث افت تجربه کاربری یا همان UX می شود.
علت بیشتر توقف هایی که موقع اسکرول کردن رخ می دهد touch event litener ها هستند ( اما از آنجایی که این مبحث به برنامه نویسی مربوط می شود به توضیح این مطلب نمی پردازیم ) و همین موضوع باعث ایجاد خطای Use passive liteners to improve scrolling performance می شود که ما با استفاده از passive event listener می توانیم این مشکل را رفع کنیم.
شما با کلیک کردن بر روی تب Structure می توانید مشاهده کنید که آیا این خطا برای شما ایجاد شده است یا خیر و بعد برای هر event listener یی که GTmerix این خطا را تشخیص داده می توانیم قطعه کد زیر را برای آن اضافه کنیم و خطای ایجاد شده را رفع کنیم.
document.addEventListener('touchstart', onTouchStart, {passive: true});
باسلام.
این کد رو باید در کدام فایل از قالب اضافه کنیم؟
سلام روزتون بخیر
این کد رو باید به فایل جاوااسکریپت ( Javascript ) اضافه بکنید
فایل جاوااسکریپت سایت معمولا با نام های index.js یا main.js در فایل های قالب سایتتون موجوده