كيف تجعل تحميل الصفحة التى تحتوى على فيديو بأقصى سرعة؟

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

من أبرز المشاكل التى تواجه أصحاب المواقع عندما تتضمن صفحة بالموقع فيديو هى مشكلة بطء تحميل الصفحة خصوصًا لدى الزوار الذين يعانون من بطء إتصال شبكة الإنترنت أو إذا كانت الصفحة تحتوى على أكثر من فيديو ، مما كان ذلك يدفع أصحاب المواقع إلى تضمين الفيديو بجودة قليلة لتسريع عملية التحميل "يمكن الإطلاع على كيفية التحكم بجودة الفيديو المضمن بالمواقع" ولكن عرض Amit Agarwal حل آخر بموقع Digital inspiration  حيث إعتمد على فكرة عرض الفيديوهات على موقع Google plus لتقليل الوقت المستغرق فى تحميل الصفحة المتضمنة الفيديو.

إقرأ أيضًا: اضف روابط موقعك على  فيديو اليوتيوب مباشرة

وتعتمد الفكرة على عرض الصورة المصغرة التى تعبر عن الفيديو وعليها رمز التشغيل بدلا من الفيديو بالكامل، وعند الضغط على هذه الصورة تستبدل تلقائيًا بالفيديو .

ولتطبيق ذلك , عند تضمين فيديو من اليوتيوب داخل صفحة ويب بطريقة Iframe يكون كود تضمين الفيديو هكذا:

<iframe width="320" height="180"
    src="http://www.youtube.com/embed/LcIytqkbdlo">
    </iframe>

قم بنسخ الكود التالى إلى موقعك وإستبدال الرمز التعريفى للفيديو الخاص بك من كود التضمين إلى الكود التالى وهو ما لون باللون الأحمر

 

<div class="youtube" id="LcIytqkbdlo" style="width: 320px; height: 180px;">
</div>
<script src="https://cdn.rawgit.com/DrRO/condaianllkhir/master/light-youtube-load/youtube.js"></script> 

بذلك يتم تقليل تحميل الصفحة حوالى 300 KB على الأقل ، ويتم تحسين أداء موقعك.

مصدر الكود : Digital inspiration

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

بقلم Dr.Rasha Omran

مطورة تطبيقات الهاتف ، سفيرة ببرنامج Women Techmakers التابع لجوجل ، أهتم بالمحتوى الرقمى وأحببت أن أدون كل ما تعلمته فى هذا الموقع للإفادة فى أعمال هادفة