انتخاب نسخه دارک
لرن دی التریبون

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

آموزش html , آموزش سئو ۱۱ اسفند ۱۴۰۱ 2,072 بازدید مطالعه 1 دقیقه

خاصیت 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 قابل استفاده می باشد.

مهدی پوررستم نویسنده این مقاله :

مهدی پوررستم

نظرت چیه این مقاله رو با دوستانت به اشتراک بذاری؟

به این مطلب امتیاز دهید

امتیاز کلی : 3.3 / 5. تعداد آرا : 3

اولین نفر باید که به این مطلب امتیاز میدهید

اگه میتونی دیدگاهت رو در مورد این مقاله بنویس... ارسال دیدگاه
(نویسنده مقاله)

اسم من محمد پورداداش هست و متولد سال 1367 در خدمت شما هستیم . تخصص من طراحی گرافیک و کدنویسی وب است و سعی خواهم کرد بهترین خدمات را به شما وبمستران و گرافیست های عزیز ارائه کنم. به ترس هات غلبه کن تا در زندگی همیشه پیروز باشی.

اگه میخوای از اخرین مقالات، آپدیت‌ها و تخفیف‌ها باخبری بشی ☺ عضو کانال تلگرام شو

ارسال دیدگاه جدید

0 دیدگاه تایید شده
دیدگاهی در مورد این مقاله ارسال نشده، شما اولین نفر باشید.