قمت بفحص موقعي و لاحظت ان اكواد اليوتيوب تأخذ نسبة كبيرة من البيانات و تعد سيئة لموقعي كيف اتخلص منها يا ترى ؟

الطريقة التي سندرجها في موقع كمثري ليست خطيرة و لكن ايضا ربما لن تعمل عند الجميع و ايضا يمكن استعمال هذه الاكواد في منصة Blogger و Wordpress …

تأجيل تحليل JavaScript لمقاطع فيديو YouTube في Blogger 

ربما تكون قد شاهدت توصية مثل تأجيل تحليل JavaScript أثناء اختبار موقع الويب الخاص بك باستخدام أدوات مثل : website.grader

Pingdom

gtmetrix.com

إذا كنت قد قمت بتضمين مقاطع فيديو YouTube على موقع الويب الخاص بك هذه إحدى تلك المشكلات التي ستقلل من سرعة الصفحة ويمكنك تأجيل تحليل JavaScript باتباع طريقة بسيطة من خطوتين

الطريقة كما قلت لكم في اول الموضوع لن تنجح الطريقة مع الجميع 

تحليل JavaScript لمقاطع فيديو YouTube في خطوتين لتسريع موقعك

فيما يلي مقتطف من التوصية التي ربما تكون قد لاحظتها :

تكون هذه الاكواد Youtube base.js ما اكتشفته في الموقع و تكون كالاتي و اولهم الكودين الملونين بالاحمر يعدان الاكبر 

1. https://www.youtube.com/s/player/530216c1/player_ias.vflset/en_US/base.js (1.2MB)
2. https://www.youtube.com/s/player/530216c1/www-embed-player.vflset/www-embed-player.js (116.8KB)
3. https://www.youtube.com/yts/jsbin/fetch-polyfill-vfl6MZH8P/fetch-polyfill.js (68KB)
4. https://www.youtube.com/embed/U08REcneGE0 (27KiB of inline JavaScript)

اذا ماهو الحل يا بشر !!!

لا بد أنك تتساءل لماذا يحدث هذا.حق ؟

حسنا يحدث ذلك بسبب تحميل إطار YouTube قبل تحميل المحتوى وسيؤدي ذلك إلى حظر عرض الصفحة بسبب مشكلة العرض هذه ستكون نتيجة سرعة صفحتك أقل مما ينبغي و هذا يسبب في بطئ الموقع و المقصود منه بلغة المواقع صفحة ويب او index page  اذا لنتعرف معا على حل جذري 

كيفية تأجيل تحليل JavaScript لمقاطع فيديو YouTube بسهولة 

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

الخطوة 1 : تحديث كود التضمين و يعني التعديل عليه .. تابع 

عندما تقوم بتضمين مقاطع فيديو YouTube على موقع الويب الخاص بك سيبدو الرمز كما يلي 

<iframe width="90%" height="360" src="https://www.youtube.com/embed/wvDZCVgN5j8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

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

نقوم بتبديل src  بالكود الصغير هذا data-src

ليصبح على الشكل التالي :

<iframe width="90%" height="360" data-src="https://www.youtube.com/embed/wvDZCVgN5j8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

الخطوة 2 :

إضافة كود تأجيل التعليمات البرمجية لجافا سكريبت الخاصة بفيديو اليوتيوب 

نظرا لأننا قمنا بتغيير شفرة التضمين فلن تعمل بدون إضافة جزء آخر من شفرة جافا سكريبت لذا يجب عليك ان تضيف الكود التالي قبل نهاية علامة النص 

</body>

قم بنسخ الكود و ضعه فوقه مباشرة  ..

قم حفظ قالب موقعك

الان قم بتجربة هل نجحت العملية على الموضوع الذي به الفيديو و قم بقياس سرعة رابط الموضوع قبل و بعد الاضافة

و ذلك عبر الموضوع التالي نقدم من خلاله افضل المواقع لقياس سرعة موقعك و اولهم الموقع الاول التابع لجوجل :

# أدوات مجانية لمراقبة سرعة الموقع وتحسينها في محركات البحث

في حالة لم تنجح قم بازالة كود javaScript و الكود الصغير data-src  

بعد ان تقوم باعادة تحميل الصفحة ايضا ستلاحظ الفرق