أحدث المواضيع

حل مشكلة Remove Unused JavaScript من أجل تسريع مدونة بلوجر

حل مشكلة Remove Unused JavaScript من أجل تسريع مدونة بلوجر

 كما هو معروف، فإن معظم مواقع الويب تعتمد على JavaScript لأنها تتيح لك جعل العديد من الوظائف الجيدة آمنة وذات أداء جيد.

لكن أيضاً سيحتوي موقع الويب الخاص بك على العديد من أكواد CSS أو JavaScript التي لا يتم إستخدامها في كل صفحة تختبرها، لذلك يجب عليك التأكد من إزالة هذه الأكواد حتى يتمتع موقع الويب الخاص بك بسرعة جيدة جداً وبالتأكيد سيعطيك هذا تحسين محركات بحث ممتاز، وستصبح صفحاتك في الصفحة الأولى من صفحات نتائج محرك البحث.

تعتبر Google السرعة عاملاً أساسياً لتصنيف المواقع. لذلك من الصواب أن تشعر بالقلق إزاء سرعة موقعك. حيث هناك العديد من الإقتراحات التي يمكنك إتباعها من أجل تحسين موقعك، تظهر هذه الإقتراحات عندما تحاول إختبار سرعة موقع الويب الخاص بك في أداة PageSpeed Insight من Google، حيث يمكن أن تساعد هذه الإقتراحات في تحميل صفحتك بشكل أسرع.

ولكن في آخر التحديثات من Google PageSpeed، تظهر لنا رسالة غريبة تطلب من كل مالك موقع إزالة ملفات JavaScript الغير مستخدمة، وبطبيعة الحال كلما زاد عدد ملفات JavaScript الغير مستخدمة على صفحتك، كلما إستغرق المتصفح وقتاً أطول في تنزيلها وتحليلها وتنفيذها. وسيؤدي ذلك إلى إبطاء سرعة موقعك على الويب، وكما تعلم أن سرعة الصفحة هي عامل الترتيب الرئيسي لتحسين محركات البحث. 

هناك طريقة أخرى لتسريع موقعك أو قالب بلوجر الخاص بك وهي تأجيل تحميل أكواد Javascript الخارجيه أو مزامنتها. في كل مرة يتم فيها تحميل الصفحة، يجب على المتصفح تنزيل ملفات JavaScript وتحليلها وتنفيذها قبل أن يتمكن من عرض أي شيء على الصفحة (ما لم يتم تأجيل ملفات JavaScript أو تحميلها بشكل غير متزامن). هذا لأن المتصفح لا يمكنه معرفة كيف سيؤثر ملف JavaScript على محتوى الصفحة، لذلك ينتظر حتى يتم تنفيذه بالكامل.

1. تأجيل تحميل ملفات Javascript

إن تأجيل Javascript يعني ترك كل أكواد HTML في مدونتك يتم تحميلها قبل تحميل Javascript. مما يجعل تحميل موقعك في وقت مبكر ويجعل الأمر يبدو وكأن موقعك أسرع. هذه الوظيفة تدعم جميع المتصفحات تقريباً. لكن لا يمكنك إستخدامها للسكريبتات الضرورية لمدونتك مثل Jquery إلخ.

لتأجيل تحميل ملفات Javascript الموجودة في مدونتك، أضف defer في وسم <script> لتبدو هكذا <script defer>.

2. عدم  مزامنة ملفات Javascript 

يعني التحميل غير المتزامن لملفات Javascript أن عملية التحميل والتحليل لملفات Javascript ستستمر، لكن الملفات الخاصة بك لن تنفذ إلا عندما تكون جاهزة. وبالتالي فإنه يأخذ أقل قدر من سرعة التحمل. لكن هذه الوظيفة غير مدعومة من قبل جميع المتصفحات.

للتحميل غير المتزامن لملفات Javascript الموجودة في مدونتك، أضف asyncفي وسم <script> لتبدو بهذا الشكل <script async>.


3. هناك طريقة اخرى لإلغاء تحميل أكواد Javascript الغير مستخدمة وهي عن طريق إضافة الكود التالي b:js='false' إلى وسم <HTML> ليبدو بهذا الشكل: HTML b:js='false'> ، وكما في الصورة التالية:

حل مشكلة Remove Unused JavaScript من أجل تسريع مدونة بلوجر


وللمزيد من التفصيل يمكنكم متابعة الفيديو في الأسفل:




الأكواد المذكورة في الدرس:
الكود الأول:

async='async'

الكود الثاني:

b:js='false'

هناك 5 تعليقات:

Adbox

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *