آیا می دانستید سایت تیک آنلاین دارای 882 مطلب مفید و 108102 کاربر می باشد !

خاصیت های Async ,Defer در جاوا اسکریپت و تگ script
نویسنده : محمدرضا خوشبین
دسته بندی : آموزش ها
22 آذر 1394
امتیاز دهید : 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 )
  • کاربران مهمان : ( 20 )
  • ربات ها : ( 2 )
  • مجموع آنلاین ها: ( 22 )

بازدید امروز :
8600
بازدید دیروز :
10590

تبلیغات متنی

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

www.Groupdesign.ir

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

www.sandwich-panelmammut.com

هات تپ صنعت

www.Hottapsanat.com

هات تپ ایران

www.Hottapiran.com

هات تپ

www.Hottapco.ir

هات تپ کاران

www.Hottapkaran.com

قیمت ساندویچ پانل

www.mammoth-panel.com

ساندویچ پانل

www.sandewichpanel.com

ساندویچ پنل ماموت

www.mammoth-panel.com