خاصیت های Async ,Defer در جاوا اسکریپت و تگ script
نویسنده : محمدرضا خوشبین
دسته بندی : آموزش ها
امتیاز دهید : 0
با سلام خدمت تمامی دوستان عزیز امروز با یک آموزش بسیار کاربردی در زمینه سرعت بارگذاری سایت در خدمت شما دوستان هستیم.
یکی از نکات کوچکی که میتونه باعث بشه سرعت بارگذاری وبسایتتون افزایش پیدا کنه اینه که یا فایلهای جاوااسکریپتتون رو در انتهای فایل اچ.تی.ام.ال فراخوانی کنید و یا از خاصیت Defer یا Async توی تگ Script که دقیقا باعث همین کار میشه استفاده کرد.
 

خاصیت های Async ,Defer در جاوا اسکریپت و تگ script

 

عملکرد خاصیت های Async , Defer شبیه به یگدیگر و هر دو آن ها بولی هستند و مربوط به بارگذاری اسکریپت های خارجی تگ script می شوند.
خاصیت defer به مرورگر می گوید تا زمانی که کل صفحه لود نشده است فایل های اسکریپت نباید توسط مرورگر لود شود در واقع هنگامی که صفحه کاملا بار گذاری شد مرورگر اجازه لود اسکریپت را در صفحه دارد.اما خاصیت async که یک خاصیت جدید در html5  است برای تگ script معرفی شده است کافیست تا این خاصیت بولی را به تگ script اضافه کنیم تا مرورگر اسکریپت ها را به محض در دسترس بودن لود کند.
این در حالی است که استفاده از خاصیت async مفیدتر به نظر می رسد مرورگر فایل را در پس زمینه دریافت و با اجزای دیگر صفحه وب به خوبی لود می کند.نکته ای که در استفاده از خاصیت async اهمیت دارد زمانی کی که اسکریپت شما به سایر اسکریپت ها وابستگی نداشته باشد می توانید از این خاصیت استفاده کنید.
 
 طریقه استفاده :
 در HTML5 بصورت زیر استفاده می شود:
 
 
<script src="tickonline.js" defer></script>
<script src="tickonline.js" async></script>
 
در HTML های پائین تر بصورت زیر استفاده می شود.
 
 
<script type="text/javascript" src="tickonline.js" defer="defer"></script>
<script type="text/javascript" src="tickonline.js" async="async"></script>
 
چه مروگرهای از این خاصیت پشتیبانی می کنند؟
 
- مرورگر  کروم : تمامی نسخه ها
- مرورگر موزیلا : 3.6 به بالا
- مرورگر اپرا : 15 به بالا
- مرورگر سافاری : تمامی نسخه ها
- مروگر اینترنت اکسپلورر : 10
 

تگ مطلب : آموزش سئو, خاصیت های Async, Defer, Async, فشرده سازی جاوا, فشرده سازی جاوا اسکریپت, بالا بردن سرعت سایت, جاوااسکریپت, script, javascript
کانال تلگرام تیک آنلاین : اطلاع از آخرین اخبار و هر آنچه یک وبمستر نیاز دارد ...جهت عضویت رو لینک کلیک کنید عضویت در کانال
telegram

تبلیغات

موضوعات سایت

آمار سایت


  • کاربران عضو : ( 0 )
  • کاربران مهمان : ( 28 )
  • ربات ها : ( 1 )
  • مجموع آنلاین ها: ( 29 )

بازدید امروز :
2158
بازدید دیروز :
9544

تبلیغات متنی

سئو

www.javanseo.ir

طراحی سایت در کرج

www.Groupdesign.ir

هات تپ صنعت

www.Hottapsanat.com

مجری هات تپ

www.Hottapteam.com

هات تپ

www.Hottap.org

هات تپ کاران

www.Hottapkaran.com

ساندویچ پانل

www.Sandwich-panelmammu.com

ساندویچ پانل سقفی

www.Sandwich-panelmammu.com

ساندویچ پانل

www.Sandewichpanel.com

ساندویچ پانل

www.Mammoth-panel.com

کانکس

www.Sandwich-panelmammut.com