ما هو وسم async وما هى وظيفته
أهلا و مرحبا بكم أعضاء و زوار معهد بسمة مصرية الكرام ,,
سوف نتعرف اليوم على احدى وسوم HTML وهو ,,
كود بلغة HTML:
async
هذا الوسم يتم استخدامه فقط مع اكواد الجافا كما هو موضح ادناه ,,
كود بلغة HTML:
<script type="text/javascript" src="#"></script>
ما هى طبيعة عمل الوسم !
يقوم الوسم async بتأجيل تحميل أكواد الجافا الخارجية إلى ان يتم انتهاء عرض الصفحة بالكامل فى متصفح الويب !
معنى هذا الكلام انه لا يمكن استخدام الكود مع اكواد الجافا الموجودة داخل الصفحة اى لا يمكن استخدامها مع الاكواد التى تكون على بهذا الشكل ,,
كود بلغة HTML:
<script type="text/javascript">
Your Code Here
</script>
وهذا شرط من شروط استخدام الوسم async ان يتواجد الوسم src اثناء استخدامه .
وفائدة هذا الوسم تقليل زمن تحميل الصفحة المطلوبة امام الزائر او عناكب البحث وهذا يعطى انطباع جيد لزوار الموقع او لعناكب البحث ايضا !
يمكنك استخدام PageSpeed Insights - Google Developers قبل و بعد استخدام الوسم async وسترى النتيجة بنفسك !
يمكن لمستخدمى XHTML استخدام الوسم async ولكن عليك تعريفه اولا لتخطى الأخطاء البرمجية والتوافق مع المعايير القياسية ويمكنك تعريفه هكذا ,,
كود بلغة HTML:
<script type="text/javascript" src="#" async="async"></script>
ولمستخدمى HTML 5 ,,
كود بلغة HTML:
<script src="#" async></script>
مع ملاحظة استبدال # برابط الكود او المكتبة التى تستخدمها .
والى هنا اكون قد انتهيت من موضوعنا اليوم ,, على ان القاكم فى موضوع قادم بـ إذن الله تعالى ,,
دمتم بود ,,
تحياتى للجميع ,,
ما هو وسم async وما هى وظيفته
الـمـصـدر: معهد بسمة مصرية
مـن: قسم الشروحات الخاصة بـ لغات البرمجة
كـاتـب الـمـوضـوع: WRONG WAY