مضاعفة سرعة موقعك بتأخير اقلاع ملفات javascript-مهم جدا

بسم الله الرحمن الرحيم


فى هذا الدرس,سنتعرف على واحد من الأمور التى يقع فيها الكثير من اصحاب المواقع,والتى تؤثر بالسلب على سرعة تحميل صفحات الموقع

نبدأ على بركة الله ...........

عند اقلاع اى صفحة ويب,دائما ما يتم اقلاع الملفات المرتبطه بالصفحة قبل اقلاع الصفحة ,خصوصا الملفات التى يقع مسارها ضمن وسم head ,وأقصد من كلامى بالملفات المرتبطه هى ملفات javascript وليس css

وهذا للاسف يؤثر ويبطء من تحميل الصفحة للزائر,فالزائر يود ان يرى بعينه شكل الصفحة بشكل سريع

لذلك تحميل الملفات المرتبطه قبل اقلاع الصفحة نفسها,يبطء من ظهورها

لكن,هل شرط ان يتم تحميل ملفات javascript المرتبطه بالصفحة قبل ان يتم اقلاع الصفحة؟
ليس شرطا ان يتم اقلاع ملفات javascript قبل اقلاع الصفحة,فيمكنك تأخير اقلاع ملفات javascript قبل اقلاع الصفحة,وبالتالى ستضمن سرعة تحميل الصفحة للزائر ورؤيته لها بشكل أسرع


لكن,كيف يمكن تأخير اقلاع ملفات javascript ؟

هذا هو محور موضوعنا,والذى نود أن نتعلمه,لتأخير إقلاع اى ملف,بحيث يتم تحميله بعد تحميل الصفحة كاملة ,سنستخدم كود بسيط سنضعه فى موضوع معين من الصفحة ,وهذا الكود سيعمل على تأخير اقلاع ملف javascript الذى تريده

الان,انسخ الكود الاتى:

رمز Code:


else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;

الان,سنفتح صفحة الويب التى الخاصة بك,وستقوم بوضع هذا الكود فى نهاية الصفحة ,قبل وسم ,

شاهد الصورة لتعرف الموضع الصحيح للكود فى الصفحة





فى الكود السابق,ستجد جملة file.js ,وهنا ستقوم بتغييرها باسم ملف javascript الذى تود تأخير اقلاعه ,وطبعا مع مراعاة كتابة مسار الملف بشكل صحيح


مثال عملى:

نذهب للصفحة الاتيه (اضـــغـــط هـــنـــا) ,ونقوم بعمل عرض لمصدر الصفحة,
ستجد فى اول الصفحة داخل وسم head ,أحد ملفات javascript ,والتى يتم اقلاعها فى بداية اقلاع الصفحة,ومسار هذا الملف كالاتى:
رمز Code:

الان ,نريد تأخير اقلاع هذا الملف لحين يتم تحميل الصفحة كاملة
,كل ما علينا سنضع الكود الاتى فى نهاية الصفحة قبل وسم
رمز Code:


ستلاحظ ان مسار الملف فى الكود السابق هو نفس مساره الاصلى ,حتى يتم اقلاعه بشكل سليم فى نهاية تحميل الصفحة

رمز Code:
element.src = "js/jquery.flip.min.js";

وبهيك,يكون طبقنا جزئية مهمه جدا,ستحسن من سرعة موقعك,وارشفة الصفحات بشكل أسرع


ملاحظه أخيره:لابد أن تكون حكيم فى اختيارك لملفات javascript التى تود تأخير اقلاعها,فهناك من الملفات الهامه التى ستحتاجها الصفحة قبل أن تقلع لتظهر بشكل سليم,لذا لابد أن تكون على دراية بهذه النقطه ............


بالتوفيق


</div>
الصور المصغرة المرفقة








أكثر...