وب‌سایتتان را با جاوا اسکریپت بهینه کنید وب‌سایتتان را با جاوا اسکریپت بهینه کنید

رتبه این آیتم
وب‌سایتتان را با جاوا اسکریپت بهینه کنید
رتبه 5 در 1 رای از 1 تا 5

مسائل انیمیشنی چطوری میتونن روی برندتون اثر بذارن

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

تشخیص مشکل

یکی از بزرگترین دلایل بروز این مشکل اینه که سایتها میخوان همه عناصرشون رو به سریع‌ترین حالت ممکن بارگذاری کنند، در نتیجه اثرات ناخواسته ای روی برخی از محتوا میتونه بذاره. مرورگرها یه عملکرد دارن که میتونه این مشکل رو کاملا حل کنه.

روش کدنویسی

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

سایر مشکلات

با اینکه اکثر سایتها با این راهکار روی مرورگرهای مختلف بهتر نمایش داده میشن، اما باز هم یه سری خطرات وجود داره. بزرگترین مشکل اینه که خودِ جاوااسکریپت همیشه روی کامپیوتر کاربر نهایی درست فعال نمیشه، مثلا ممکنه خودِ کاربر غیرفعالش کرده باشه یا شاید بخاطر مشکلی که با یه افزونه دیگه داره این اتفاق بیفته. بنابراین تمام راهکارهایی که ماهیت جاوااسکریپت دارند زیاد قابل اعتماد نیستند. اگه چنین مسئله ای وجود نداشته باشه، این راهکار در اکثر شرایط خوب جواب میده و معتبره.


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

شبکه اجتماعی های نویسنده اینستاگرام و لینکدین.

به اشتراک گذاری مطلب در

به اشتراک گذاری در فیس بوک به اشتراک گذاری در توئیتر به اشتراک گذاری در لینکدین

يک نظر بدهيد

موارد ستاره دار الزامی هستند

طراحی سایت دارکوب | هاست دارکوب | دارکوب نام و علامت تجاری ثبت شده این مجموعه می باشد.
دارای مجوز از (سازمان نظام صنفی رایانه ای استان تهران) ، (رتبه 4 شورای عالی انفورماتیک کشور) ، (وزارت فرهنگ و ارشاد اسلامی)
آموزشگاه طراحی سایت و سئو با مجوز رسمی از سازمان فنی و حرفه ای کشور افتتاح شد
دارکوب به عنوان شرکت خلاق توسط معاونت علمی و فناوری ریاست جمهوری برگزیده شد