إقرأ أيضا:
حل مشكلة تقليل وقت استجابة الخادم في مدونات بلوجر
طريقة حذف ملف widget_css_bundle.css لتسريع مدونة بلوجر
طريقة حذف ملف widget_css_bundle.css لتسريع مدونة بلوجر
ماهي JavaScript ؟!
هي أحد لغات البرمجة التي يتم من خلالها تنفيذ بعض الأوامر المعقدة وهي من أشهر اللغات البرمجية التي يتم إستخدامها لبرمجة مواقع الإنترنت.أكواد جافا سكريبت في مدونات بلوجر
توجد أكواد جافا سكريبت في مدونات بلوجر بأكثر من شكل وهي كما يلي:- الشكل الأساسي لأكواد جافا سكريبت الموجود في مدونة بلوجر كما في الصورة وكما نرى فهي توجد بين وسمين <script type='text/javascript'> </script>
شكل أكواد JavaScript في مدونة بلوجر
- هذا هو الشكل الثاني لأكواد جافا سكريبت في مدونات بلوجر يوجد على هيئة رابط لملف خارجي مستضاف لدى طرف ثالث وهو المظلل بالاصفر وإذا قمنا بالدخول إلى ذلك الرابط يعرض لنا المتصفح جميع الاكواد الموجوده في الملف، وهذا الملف دائما ماينتهي بالإمتداد js. ويمكن تحسين هذه الأكواد بأكثر من طريقة سأشرحها في السطور القادمه.
رابط ملف JavaScript المستضاف لدى طرف ثالث
طريقة تحسين أكواد و ملفات JavaScript
أكواد جافا سكريبت الأساسية:
يتم تحسينها من خلال الضغط عن طريق أحد مواقع ضغط الأكواد مثل موقع jscompress بأن تقوم بنسخ الأكواد بين وسمي <script type='text/javascript'> </script> ووضعها في صندوق الضغط ثم نضغط على زر CompressJavaScript ثم نستبدل الكود الأساسي بالكود المضغوط، وإذا قمنا بضغط جميع أكواد جافا سكريبت الأساسية في القالب ستزيد سرعة القالب بشكل ضئيل.
إقرأ أيضا:
ملفات javascript المستضافة لدى طرف ثالث:
|
| رابط ملف جافا سكريبت الخارجي |
هذه الملفات يكون شكلها كما بالصورة والجزء المعلم بالأصفر هو رابط ملف جافا سكريبت المستضاف ويتم تحسين هذه الملفات بعدة طرق كما يلي
ملفات JavaScript صغيرة الحجم:
الأكواد به بسيطه فيمكنك نسخها ووضعها بين وسمي
<script type='text/javascript'> </script>حتي تصبح مثل الصورة والجزء المعلم بالأصفر هو الأكواد التي نسخناها من الملف الخارجي
<script type='text/javascript'> </script>حتي تصبح مثل الصورة والجزء المعلم بالأصفر هو الأكواد التي نسخناها من الملف الخارجي
|
| أكواد جافا سكريبت في مدونة بلوجر |
ثم ضعها بالقالب مكان كود الملف القديم وتلك هي أفضل طريقة لتحسين ملفات جافاسكريبت
إقرأ أيضا: رفع سرعة مدونة بلوجر من خلال تحسين ملفات CSS
إقرأ أيضا: رفع سرعة مدونة بلوجر من خلال تحسين ملفات CSS
ملفات JavaScript كبيرة الحجم:
يتم تحسينها من خلال الدخول على رابط الملف ونسخ جميع الاكواد الموجودة به ثم ضغطها من خلال موقع jscompress وبعد ذلك قم برفع الملف و إستضافتة مرة أخرى على أحد مواقع إستضافة ملفات الأكواد، وبالرغم من أن هذه الطريقة تقوم بتحسين سرعة الموقع إلا أنها تحدث فرقا بسيطا في السرعه وليست كافيه.
ملفات جافا سكريبت المستضافه لدى طرف ثالث تعيق تحميل صفحات مدونة بلوجر بسرعة فتأخذ الصفحة وقتا طويلا حتى يكتمل تحميلها ولذلك يجب إعطاء الأمر للمتصفح بتأخير قراءة ملفات جافا سكريبت المستضافه لدى خودام مواقع أخرى إلى ما بعد قراءة الملفات والأكواد الأساسية للمدونة وذلك من خلال وضع وسم 'async='async في بداية كود ملف الجافا ليصبح بهذا الشكل
ملفات جافا سكريبت المستضافه لدى طرف ثالث تعيق تحميل صفحات مدونة بلوجر بسرعة فتأخذ الصفحة وقتا طويلا حتى يكتمل تحميلها ولذلك يجب إعطاء الأمر للمتصفح بتأخير قراءة ملفات جافا سكريبت المستضافه لدى خودام مواقع أخرى إلى ما بعد قراءة الملفات والأكواد الأساسية للمدونة وذلك من خلال وضع وسم 'async='async في بداية كود ملف الجافا ليصبح بهذا الشكل
مع إستبدال code.js برابط ملف جافا سكريبت
بعد ذلك يمكنك قياس سرعة مدونة بلوجر مرة أخرى وستلاحظ أنها أصبحت أسرع بشكل كبير بعد هذه الخطوه.
تابع الجزء التالي من الشرح
بعد ذلك يمكنك قياس سرعة مدونة بلوجر مرة أخرى وستلاحظ أنها أصبحت أسرع بشكل كبير بعد هذه الخطوه.
تابع الجزء التالي من الشرح
