المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [ HTML ] ما هو وسم async وما هى وظيفته


WRONG WAY
2016-12-05, 12:24 AM
http://b.top4top.net/p_3420gfcf1.png
أهلا و مرحبا بكم أعضاء و زوار معهد بسمة مصرية (http://www.egybasma.com/forum/) الكرام ,,
سوف نتعرف اليوم على احدى وسوم HTML وهو ,,
async
هذا الوسم يتم استخدامه فقط مع اكواد الجافا كما هو موضح ادناه ,,
<script type="text/javascript" src="#"></script>
ما هى طبيعة عمل الوسم !
يقوم الوسم async بتأجيل تحميل أكواد الجافا الخارجية إلى ان يتم انتهاء عرض الصفحة بالكامل فى متصفح الويب !
معنى هذا الكلام انه لا يمكن استخدام الكود مع اكواد الجافا الموجودة داخل الصفحة اى لا يمكن استخدامها مع الاكواد التى تكون على بهذا الشكل ,,
<script type="text/javascript">
Your Code Here
</script>

وهذا شرط من شروط استخدام الوسم async ان يتواجد الوسم src اثناء استخدامه .
وفائدة هذا الوسم تقليل زمن تحميل الصفحة المطلوبة امام الزائر او عناكب البحث وهذا يعطى انطباع جيد لزوار الموقع او لعناكب البحث ايضا !
يمكنك استخدام PageSpeed Insights - Google Developers (https://developers.google.com/speed/pagespeed/insights/) قبل و بعد استخدام الوسم async وسترى النتيجة بنفسك !
يمكن لمستخدمى XHTML استخدام الوسم async ولكن عليك تعريفه اولا لتخطى الأخطاء البرمجية والتوافق مع المعايير القياسية ويمكنك تعريفه هكذا ,,
<script type="text/javascript" src="#" async="async"></script>
ولمستخدمى HTML 5 ,,
<script src="#" async></script>
مع ملاحظة استبدال # برابط الكود او المكتبة التى تستخدمها .
والى هنا اكون قد انتهيت من موضوعنا اليوم ,, على ان القاكم فى موضوع قادم بـ إذن الله تعالى ,,
دمتم بود ,,
تحياتى للجميع ,,
http://c.top4top.net/p_3429vifo2.png

FOR SAT
2016-12-14, 02:57 PM
شرح وافی وكافی
عاشت ایدك