خاصیت async و defer در تگ Javascript چیست؟

خاصیت async و defer در تگ Javascript چیست؟

خاصیت async و defer را در این پست توضیح میدیم ..
امروز در وب سایت وبیت یک ترفند مفید در افزایش سرعت بارگذاری سایت برای شما آموزش میدهیم.
تقریبا می توان گفت در تمامی وب سایت‌هایی که در دنیا طراحی می‌شود،
از Javascript استفاده می‌شود یا سایت‌های بسیار کمی را می‌توان یافت که از Javascript استفاده نمی‌کنند.

برای اضافه کردن یک فایل Javascript به Html از تگ <script> استفاده می‌شود.
که هم به صورت internal و هم به صورت external می‌توان کد نویسی کرد.

در حالت عادی مرورگر پس از رسیدن به تگ <script> ابتدا اسکریپت ها را دانلود کرده و سپس ادامه فایل html را لود می‌کند.

با اضافه کردن async یا defer به تگ <script> مروگر پس از رسیدن به فایل اسکریپت منتظر دانلود فایل اسکریپت نمی‌ماند و ادامه فایل‌های HTML را لود می‌کند.

تفاوت defer و async در چیست ؟

فرق بین defer و async در این است که اسکریپت‌هایی که به صورت async باشند پس دانلود شدن کامل اسکریپت اجرا می‌شوند.
اما اسکریپت‌های defer پس از لود کامل صفحه اجرا می‌شوند.

نکته: خاصیت‌های defer و async فقط در script های external قابل استفاده می باشد.

نویسنده این مقاله :

مهدی پوررستم