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

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

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

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

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

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