خاصیت async و defer در تگ Script

با سلام خدمت همه دوستان

تقریبا می توان گفت در تمامی وب سایت‌هایی که در دنیا طراحی می‌شود، از Javascript استفاده می‌شود یا سایت‌های بسیار کمی را می‌توان یافت که از Javascript استفاده نمی‌کنند.

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

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

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

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

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

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

امیدوارم این مقاله کوتاه براتون مفید بوده باشد.