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

سهلقراءة دقيقةآخر تحديث 1 أكتوبر 2026

أدوات ونصائح تطوير الويب عام

الإجابة

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

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

الفرق بين async وdefer

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

متى أستخدم async؟

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

اختبر فهمك

ما دور الخاصية async عند إضافتها إلى وسم script في HTML؟