با 3 روش خطای Avoid non-composited animations رو برطرف کنید

خطای Avoid non-composited animations به دلایل مختلفی رخ میده و باعث کاهش سرعت سایت و تجربه کاربری ضعیف میشه. اگه با رفع این خطا درگیر هستید، پیشنهاد می‌کنیم این آموزش رو تا انتها مطالعه کنید. 
در این مقاله از میزفا تولز به بررسی چیستی و دلایل ایجاد خطای Avoid non-composited animations پرداختیم و در نهایت با بررسی 3 راهکار میتونید این خطا رو برطرف کنید. همراه ما باشید.

خطای Avoid non-composited animations چیست و دلایل ایجاد آن

این خطا زیر مجموعه‌ای از خطای cls هست یعنی یکی از دلایلی که خطای cls رخ میده این موضوع هست و برای رفعش باید انیمیشن‌هایی که باعث جابه‌جایی و حرکت صفحه میشن، حذف بشن. همونطور که در مقاله خطای cls و رفع آن آموزش دادیم، به جابه‌جایی غیر منتظره عناصر و پرش‌های تصویری که مانع از دسترسی مطلوب کاربر به بخش‌های مختلف سایت میشه، cls گفته میشه. 

در ادامه رایج‌ترین دلایل ایجاد خطای Avoid non-composited animations رو بررسی می‌کنیم که 
حتما تابحال با این موارد برخورد کردید.

1- استفاده از اسلایدر در بخش اول سایت

همونطور که می‌دونید به هر چیز محرکی در صفحه، انیمیشن گفته میشه و اسلایدر هم چون در حال حرکت هست یک انیمیشن محسوب میشه. 
گاهی اوقات پیش میاد یکی از تصاویری که در اسلایدر استفاده کردیم نسبت به بقیه تصاویر ابعاد بزرگتری داره و این موضوع باعث میشه تا صفحه کشیده بشه و خطای Avoid non-composited animations رخ بده.

2- استفاده از انیمیشن برای متن

حتما تابحال در سایت‌ها مشاهده کردید که یه خطی دور نوشته‌ها کشیده میشه که به صورت انیمیشن هم هست. این انیمیشن‌های دور نوشته هم باعث میشن المان‌ها بالا و پایین شوند و در نتیجه خطای رخ بده.

3- استفاده از چت آنلاین 

گاهی اوقات استفاده از چت آنلاین هم ممکنه با سایتتون تداخل داشته باشه و این خطا رو ایجاد کنه. وقتی چت آنلاین باز میشه و انیمیشن‌ حرکت میکنه، سایت به هم میریزه. 

نحوه شناسایی خطای Avoid non-composited animations 

اگه از وجود این خطا در سایتتون آگاه نیستید، کافیه به صورت رایگان وارد ابزار واکاوی صفحه میزفا تولز بشید و این خطا رو در بخش عملکرد مشاهده کنید.

خوبی که ابزار واکاوی صفحه داره این هست که کاملا متناسب با کاربر ایرانی طراحی شده و زبان خطاها فارسی هست و لوکیشن ایران رو داره.

همونطور که در تصویر مشاهده می‌کنید این صفحه یک خطای Avoid non-composited animations داره که آدرسش مشخص هست و به راحتی با شناساییش میتونید خطا رو بررسی و رفعش کنید.

رفع خطای Avoid non-composited animations

در بالا به ۳ مورد از رایج‌ترین دلایل خطای Avoid non-composited animations اشاره کردیم که برای رفع اونها باید این کارها رو انجام بدید. 

✅ برای رفع خطای اسلایدر باید اسلایدر رو غیر فعال کنید یا اسلایدر رو تغییر بدید.

✅ برای رفع خطای ناشی از انیمیشن دور متن باید خطی که دور نوشته استفاده شده رو تغییر بدید یا اگه مهم نیست، حذفش کنید.

✅ برای رفع خطای ناشی از چت آنلاین کافیه چت آنلاین رو غیر فعال کنید یا تغییرش بدید.

فقط نکته مهمی که هست این موارد زمانی خطا محسوب میشن که در ابتدای سایت قبل از این که کاربر اسکرول کنه، باشن و اگه در قسمت‌های دیگه سایت باشن مشکلی محسوب نمیشه. در کل سعی کنید  بخش اول سایت رو سنگین نکنید تا به راحتی لود بشه و برای کاربر قابل استفاده باشه.

تاثیر این خطا روی موبایل‌های مدل پایین، ملموس تره. با استفاده از گوگل آنالیتیکس بررسی کنید که بیشتر کاربران موبایلی سایتتون از چه موبایلی استفاده می‌کنند. اگه اکثر کاربرانتون موبایل‌های معمولی دارند باید بیشتر روی این خطا وقت بگذارید.

همین امروز خطای Avoid non-composited animations رو برطرف کنید.

در این مقاله دلایل ایجاد خطای Avoid non-composited animations و راهکارهای رفعش رو بررسی کردیم. اگه این المان‌ها رو در سایتتون دارید کافیه این راهکارها رو دنبال کنید تا مشکلتون برطرف شه. 

ما در میزفا تولز همه چیز رو برای افزایش سرعت سایتتون فراهم کردیم تا به راحتی سرعت و سئوی سایتتون رو بهبود بدید. مقالات آموزش افزایش سرعت سایت به همراه ابزار واکاوی صفحه به شما کمک می‌کنند تا در مرحله اول به راحتی خطاها رو شناسایی کنید و در مرحله بعد با دنبال کردن آموزش‌ها اون‌ها رو برطرف کنید. پس حتما وقت بزارید و مقالات رو که توسط متخصصین این حوزه نوشته شده و حاصل سال‌ها تجربه هست رو مطالعه کنید.