الطريقة الأكثر فعالية لتضمين مقاطع الفيديو على WordPress

آه، هل تتذكر الأيام التي كانت فيها اتصالات الطلب الهاتفي واتصالات Edge (2G) من الرفاهية، وبدت مشاهدة مقاطع الفيديو على YouTube وكأنها تختبر صبرنا؟

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

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

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

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

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

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

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

إنه ليس بيانًا ملفقًا. نحن نفضل أن نترك الأرقام والنتائج تقول الحقيقة.

WordPress مع مقاطع الفيديو: اختبار الويب الحيوي الأساسي

دعنا ننتقل مباشرة إلى الاختبارات والنتائج، دون مزيد من التباطؤ أو التفاخر.

أولاً، لأغراض الاختبار، أخذنا موقع WordPress بسيطًا وأساسيًا بدون أي مقاطع فيديو ورسومات وقمنا بتجربته.

وكانت النتائج على النحو التالي:

• يمكنك أن ترى أن النتيجة كانت 100% مع وجود إشارة خضراء وتظهر جميع المقاييس استجابات إيجابية لكل من الهاتف المحمول وسطح المكتب.

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

• بالنسبة لمقطع فيديو واحد فقط، انخفضت النتيجة إلى 65%، واتبعت جميع المقاييس الأخرى نفس الشيء. وقد تم تخفيضها بشكل كبير بنسبة 35%، وهو اتجاه قد يتفاقم مع إضافة المزيد من مقاطع الفيديو.

ربما تفكر الآن ما الحل؟

ماذا تحتاج لإصلاح هذا؟

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

1. اختر منصة استضافة الفيديو المشهورة

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

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

ملحوظة : بصرف النظر عن منصات استضافة الفيديو المجانية، إذا كنت ترغب في إنشاء موقع ويب لأنابيب الفيديو الخاصة بك باستخدام WordPress، فلا يمكن لأي منصة استضافة فيديو خاصة أخرى التغلب على منصة استضافة الفيديو المخصصة لـ WPOven من حيث كل شيء تقريبًا.

2. قم بتضمين مقاطع فيديو YouTube بدون ملفات تعريف الارتباط

قد تتفاجأ بمعرفة أنه بخلاف تضمين YouTube القياسي، هناك أيضًا إصدار خاص متاح يسمى youtube-nocookie.com.

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

فيما يلي بعض الحقائق المثيرة للاهتمام حول Youtube-nocookie.com

• إنه مجال بديل لتضمين مقاطع فيديو YouTube.
• يُستخدم هذا المجال لتضمين مقاطع الفيديو دون تعيين ملفات تعريف الارتباط لأغراض التتبع.
• قد يؤدي تضمين YouTube العادي (youtube.com) إلى تعيين ملفات تعريف الارتباط على متصفح المشاهد.
• يخدم النطاق "youtube-nocookie.com" مشغل التضمين دون تعيين أي ملفات تعريف ارتباط.
• إنه مفيد لمواقع الويب التي تعطي الأولوية لخصوصية المستخدم وتهدف إلى تقليل استخدام ملفات تعريف الارتباط.
• يضمن استخدام "youtube-nocookie.com" عدم مساهمة مقاطع الفيديو المضمنة في التتبع غير الضروري لزوار الموقع.

كل ما تحتاجه هو تعديل عنوان URL لمقطع فيديو YouTube عن طريق استبدال "youtube.com" بـ "youtube-nocookie.com" وستكون جاهزًا للبدء.

3. استخدم ملحقات LazyLoad

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

هكذا تحدث الامور:

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

ملاحظة: هذا النهج له بعض القيود. لا يعمل المكون الإضافي للتحميل البطيء إذا تم وضع مقاطع الفيديو في الطية الأولى ولكنه يعمل بشكل أفضل عندما تكون مقاطع الفيديو مرئية أسفل الطية الأولى.

اقرأ: 22 أفضل طريقة لتسريع أداء WordPress

4. تقنية الواجهة

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

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

للرجوع إليها وفهم أفضل، هنا مثال.

يعد هذا الأسلوب فعالاً للغاية ولا يثقل موقع WordPress الخاص بك بمقاطع فيديو YouTube ما لم يكن ذلك مطلوبًا.

إذا لم يناسبك أسلوب العرض المبسط هذا، فاستخدم مكون WordPress الإضافي الشهير المسمى "LazyLoad Plugin". وهو يعمل مع oEmbed ويستبدل مقاطع فيديو YouTube وVimeo المضمنة بصورة معاينة قابلة للنقر عليها.

ملخص

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

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

راهول

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