• 0

ما هي أفضل طريقة لوضع الوسم <script> في صفحة HTML ؟

أريد أن أطوّر تطبيقا مستعينا بكلّ من HTML و CSS و Javascript، وأرغب بمعرفة أفضل طريقة لوضع الوسم <script> في صفحة HTML ؟ وهل يؤثّر موضع الوسم على سُرعة تحميل الصّفحة؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

موضع الوسم <script> يؤثّر بطريقة مُباشرة على سرعة تحميل الصّفحة وذلك لأنّ المُتصفّح يتّبع طريقة معينة لتحميل الصّفحة وتقديمها للزائر، بحيث تكون طريقة التّحميل عند المُتصفحات الحديثة كالتّالي:

  • جلب صفحة HTML
  • تحليل الـHTML
  • الوصول إلى الوسوم <script> التّي تطلب منه الحصول على ملفّات جافاسكريبت إضافية.
  • يبدأ المُتصفّح بجلب ملفّات  جافاسكريبت الخارجية، ويوقف تحليل بقيّة الـHTML إلى حين انتهاء العمليّة.
  • بعد الحصول على الملفّ الخارجي، يُتابع المُتصفّح تحليل بقيّة شيفرات الHTML.

لذلك فمن المُفضّل وضع وسوم في أعلى <script> الشّيفرة داخل الوسم <head>. ويتّبع الجميع هذه الطّريقة في أغلب تطبيقات الويب، (يُمكنك التأكد بفحص عنصر صفحات الويب التّي تزورها)، كما توفّر لنا هذه الطّريقة تحميلا سريعا للصّفحة في أغلب المُتصفّحات الحديثة.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن