إضافة كود Lazy load Youtube لتسريع مدونة بلوجر (الطريقة الصحيحة)

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

ماذا لو أخبرتك أنه توجد طريقة لإضافة الكثير من الفيديوهات المضمنة على المقال في بلوجر دون أن تتأثر سرعة مدونة Blogger؟ كيف ذلك؟ يمكن تسريع مدونة بلوجر من خلال إضافة كود Lazy load Youtube على المدونة.

إضافة كود Lazy load Youtube لتسريع مدونة بلوجر (الطريقة الصحيحة)

كود Lazy Load youtube يقوم بتأخير تحميل فيديو يوتيوب المضمن ، ويظهر بدلا منه الصورة وأيقونة تشغيل اليوتيوب فقط. هذه الأيقونات عبارة عن صور فقط وسهل جدا تحميلها، ذلك أن حجمها صغير. 

بالتالي ستقوم بتسريع مدونة بلوجر حتى لو كنت تصيف الفيديوهات على المدونة. كما هو الشأن لتأخير ظهور الإعلانات، هو أيضا يساعد كثيرا في تسريع المدونة رغم وجود الإعلانات.

لكن كيف نقوم بإضافة الكود على بلوجر؟ وهل يمكن لأي شخص إضافته إلى المدونة؟

 نعم سوف نتعرف الآن على طريقة إضافة كود Lazy load Youtube لتسريع مدونة بلوجر بالطريقة الصحيحة من أجل تأخير تحميل فيديوهات يوتيوب المضمنة على بلوجر Youtube embed videos.

في عالم الإنترنت اليوم ، يعد أداء موقع الويب السريع أمرًا ضروريًا لجذب الزوار وتحسين تجربتهم. 

تتمثل إحدى الطرق الفعالة لتسريع مدونتك على Blogger في استخدام تقنية "Lazy Load" لتنزيل مقاطع الفيديو من YouTube على أساس مؤجل وعند الحاجة فقط.

ما هو Lazy Load ولماذا يهمك؟

Lazy Load هي تقنية تسمح بتأخير تحميل محتوى الصفحة حتى يتم عرضها ضمن النطاق القابل للعرض للمستخدم. 

بمعنى آخر ، لن يتم تحميل محتوى الصفحة بالكامل في البداية ، ولكن سيتم تحميل العناصر التي يتم عرضها على الشاشة فقط. 

 عندما يتم تمرير الصفحة ويصبح المزيد من المحتوى مرئيًا ، سيتم تحميلها تلقائيًا.

يتمتع تطبيق تقنية Lazy Load على مدونة Blogger بالعديد من الفوائد ، بما في ذلك:

  • تحسين سرعة تحميل المدونة: لا يتم تحميل العناصر غير المرئية مسبقًا ، مما يقلل من وقت تحميل الصفحة الإجمالي.
  • حفظ النطاق الترددي: عندما يتم تأخير مقاطع الفيديو حتى يتم عرضها ، فإنها لن تستهلك النطاق الترددي الخاص بك حتى يتم طلبها بالفعل.
  • تجربة مستخدم محسنة: بفضل Lazy Load ، يمكن للمستخدمين تصفح المدونة بشكل أسرع وأكثر سلاسة ، دون الانتظار طويلاً حتى يتم تحميل الصفحة بالكامل.

أهمية تسريع فيديوهات اليوتيوب المضمنة داخل المقال

تتجلى أهمية تسريع فيديوهات youtube المضمنة في مقالات بلوجرفي عدة أمور من بينها:

تحسين تجربة المستخدم

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

 إذا استغرق تحميل مقاطع الفيديو وقتًا طويلاً ، فقد يؤدي ذلك إلى استياء المستخدمين وقد يتسبب في مغادرتهم لصفحتك.

زيادة سرعة تحميل الصفحة

بالإضافة إلى تحسين تجربة المستخدم ، يعمل تسريع مقاطع فيديو YouTube المضمنة أيضًا على تحسين سرعة تحميل الصفحة الإجمالية. عند تطبيق تقنية Lazy Load ، لن يتم تحميل مقاطع الفيديو تلقائيًا عند فتح الصفحة.

 وسيتم تحميلها بدلاً من ذلك فقط عندما يصبح الفيديو مرئيًا للمستخدم. هذا يقلل من كمية البيانات التي يجب تحميلها مسبقًا ويساعد في تحسين سرعة تحميل الصفحة الإجمالية.


توفير عرض النطاق الترددي

عندما تقوم بتطبيق تقنية Lazy Load على مقاطع فيديو YouTube المضمنة ، فلن تستهلك النطاق الترددي الخاص بك حتى يطلبها المستخدم بالفعل.

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

تحسين محرك البحث وتحسين موقعك

يعد تحسين سرعة تحميل موقع الويب الخاص بك وصفحات المدونة عاملاً مهمًا في تحسين ترتيب موقعك في محركات البحث.

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

استفد من ميزة التحميل المسبق للفيديو

من خلال تطبيق تقنية Lazy Load على مقاطع فيديو YouTube المضمنة ، يمكنك الاستفادة من ميزة تحميل الفيديو مسبقًا. 

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

 يوفر ذلك تجربة مستخدم سلسة وسريعة ويساهم في زيادة مشاهدات الفيديو وتفاعل المستخدم مع المحتوى الخاص بك.

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

استخدم تقنية Lazy Load بشكل صحيح لتحقيق أقصى استفادة من مقاطع فيديو YouTube المضمنة وجعل موقعك أكثر فاعلية وجاذبية للزوار.

شرح إضافة كود Lazy load Youtube على Blogger

1) توجه إلى لوحة تحكم بلوجر ثم تختار المظهر

2) تنقر على أيقونة القائمة المنسدلة بجانب تخصيص ثم تضغط على تعديل HTML

3) تبحث عن كود  <body/> 

4) فوقه مباشرة تقوم بلصق الكود التالي: تحميل الكود

5) تبحث عن الكود ]]></b:skin>

6) فوقه مباشرة تضع الكود التالي: تحميل الكود

الآن انتهينا من الخطوات الأساسية. والخطوة التانية تعيدها في كل مرة تريد وضع فيديو يوتيوب على المدونة وهي كالتالي:

5) تتوجه إلى المقال ثم تضغط على قلم الموجود اعلى يمين شريط الأدوات ثم عرض HTML

6) تقوم بلصق الكود التالي:


<div class="youtube-player" data-id="VIDEO_ID"></div>

في مكان VIDEO_ID تقوم بوضع الأيدي الخاص بالفيديو. من أين تحصل على video id ؟ عندما تضغط على مشاركة للفيديو ثم تضغط على تضمين سوف يظهر لك الكود الخاص بالفيديو كاملا. 

الأيدي هو ما يظهر بعد دومين يوتيوب. كما هو موضح في الصورة التالية:

إضافة كود Lazy load Youtube لتسريع مدونة بلوجر (الطريقة الصحيحة)

أيضا الأيدي id الخاص بالفيديو يوجد في نهاية رابط video بعد علامة تساوي = كما هو موضح في الصورة أسفله:

إضافة كود Lazy load Youtube لتسريع مدونة بلوجر (الطريقة الصحيحة)

بعدما تستبدل الأيدي في الكود تضغط على حفظ. الآن انتهينا تقوم بعض المقال وسوف تجد أن الفيديو أصبح يتم تحميله بسرعة كبيرة جدا ولا يتم تحميل الفيديو حتى يضغط الزائر على زر تشغيل الفيديو للحفاظ على سرعة المدونة.

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

يمكن أن يؤدي تطبيق تقنية Lazy Load على مدونة Blogger إلى تحسين سرعة التحميل وتوفير النطاق الترددي ، مما يؤدي إلى تحسين تجربة المستخدم. تأكد من اتباع الخطوات البسيطة المذكورة في هذه المقالة لتطبيق Lazy Load بشكل صحيح وللحصول على أفضل النتائج.

author

jistweb

مدونة جيست ويب هي مدونة متخصصة في مجال الربح من التدوين واحتراف السيو. تهدف هذه المدونة إلى تزويد القراء بالمعلومات والموارد اللازمة لتحقيق النجاح في مجال التدوين وتحسين محركات البحث (SEO) للمواقع على الإنترنت.

أحدث أقدم

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