شبكة تعلم مع ناو

ما هي الخاصية async في وسم script وكيف تعمل؟

الخاصية async في وسم <script> تجعل المتصفح يحمّل السكربت في الخلفية دون إيقاف قراءة الصفحة، ثم ينفّذه فور انتهاء تحميله.

<script src="analytics.js" async></script>

الفرق بين async وdefer

  • async: ينفّذ فور التحميل، حتى لو لم تنتهِ الصفحة، ودون ترتيب بين السكربتات.
  • defer: ينتظر انتهاء قراءة HTML، وينفّذ السكربتات بترتيبها.

متى أستخدم async؟

للسكربتات المستقلة التي لا تعتمد على عناصر الصفحة أو على سكربتات أخرى، مثل أدوات الإحصاء والإعلانات. أما السكربتات التي تتعامل مع الصفحة، فـ defer أنسب لها.

اختبر نفسك

خمسة أسئلة سريعة، مع الإجابة والشرح بعد كل سؤال.