مسائل انیمیشنی چطوری میتونن روی برندتون اثر بذارن
وقتی سایت طراحی میکنید، طبیعتا میخواهید از مواد دیگه‌ای هم روی سایتتون استفاده کنید و همه سایت نوشته ساده نباشه. انیمیشن با اینکه سایت رو زنده تر و جذاب‌تر میکنه، اگه درست استفاده نشه میتونه اثر منفی داشته باشه. مثلا اگه بارگذاری انیمیشن خیلی طول بکشه یا فقط بخشی از اون لود بشه، دیگه سایتتون حرفه ای به نظر نمیاد. چی کار کنیم که بتونیم انمیشن داشته باشیم و این مشکل هم پیش نیاد؟ یه سری کارها هست که هر کسی میتونه روی سایتشون اعمال کنه و کاری کنه که سایتش بهینه بشه و همیشه مخاطب رو راضی نگهداره و تجربه خوبی براش باقی بذاره.
تشخیص مشکل
یکی از بزرگترین دلایل بروز این مشکل اینه که سایتها میخوان همه عناصرشون رو به سریع‌ترین حالت ممکن بارگذاری کنند، در نتیجه اثرات ناخواسته ای روی برخی از محتوا میتونه بذاره. مرورگرها یه عملکرد دارن که میتونه این مشکل رو کاملا حل کنه.
روش کدنویسی
اولین وسیله حل این مشکل استفاده از حالت play انمیشینه. چون این ویژگی به مرورگر خبر میده که محتوا چه زمانی اجرا بشه و چه زمانی متوقف، خودتون میتونید طوری تنظیمش کنید که تا زمانی که بقیه محتوای سایت کامل بارگذاری نشه، انیمیشن متوقف بشه. قبلش یه کلاس js-loading استفاده کنید و بعد وقتی همه چیز کامل لود شد پاکش کنید. حالا میتونید براحتی حالت play انیمیشن رو طوری تنظیم کنید که فقط وقتی حالت کلاس js-loading پاک شده، انیمیشن نمایش داده بشه (play بشه).
سایر مشکلات
با اینکه اکثر سایتها با این راهکار روی مرورگرهای مختلف بهتر نمایش داده میشن، اما باز هم یه سری خطرات وجود داره. بزرگترین مشکل اینه که خودِ جاوااسکریپت همیشه روی کامپیوتر کاربر نهایی درست فعال نمیشه، مثلا ممکنه خودِ کاربر غیرفعالش کرده باشه یا شاید بخاطر مشکلی که با یه افزونه دیگه داره این اتفاق بیفته. بنابراین تمام راهکارهایی که ماهیت جاوااسکریپت دارند زیاد قابل اعتماد نیستند. اگه چنین مسئله ای وجود نداشته باشه، این راهکار در اکثر شرایط خوب جواب میده و معتبره.
