تحميل Lazy Load Video على WordPress

هل تحتاج إلى تحميل الفيديو البطيء على WordPress؟

تعد الوسائط استراتيجية مؤثرة لجعل المحتوى الخاص بك مثيرًا.

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

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

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

ما هو التحميل الكسول في العالم؟

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

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

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

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

يرجى الاطلاع على الشرح أدناه لما هو الفرق بين كل منهما.

ما هو Onload Time؟

يحسب Onload Time السرعة عند اكتمال معالجة الصفحة وانتهاء تنزيل جميع الموارد على تلك الصفحة المعينة ، مثل الصور و CSS والوظائف الأخرى.

بمجرد الانتهاء ، ستقوم الصفحة بتشغيل window.onload لإكمال نتائج السرعة. Onload Time هو تمثيل حقيقي لمدى سرعة تحميل موقع الويب الخاص بك بشكل صحيح.

ومع ذلك ، تم العثور على عيب رئيسي واحد مع Onload Time وهو أن بعض عناصر تحميل الصفحة قد لا تصل في الوقت المناسب قبل إطلاق حدث المشغل ، مثل ملفات Javascript أو الصور الدوارة أو الوظيفة / المحتوى مضبوطة على تأخير زمني ، لذلك الأحمال بترتيب معين.

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

ما هو وقت التحميل الكامل؟

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

إحدى المشكلات المحتملة في اختبار Fully Loaded Time هي أن هذا الحدث لا يتم تنشيطه إلا عندما تتوقف الصفحة تمامًا عن تحميل المحتوى ، بما في ذلك الإعلانات والوظائف الأخرى.

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

هل لديك سيطرة كاملة على وقت التحميل الخاص بك؟

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

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

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

تحسين سرعة WordPress الأشياء التي تتحكم فيها

1. بيئة الاستضافة
2. تحديثات البرنامج
3. موضوع نشط
4. الإضافات النشطة
5. تحسين المحتوى

لنعد إلى Lazy Load Video على WordPress

لذلك في القائمة أعلاه في WordPress لتحسين السرعة ، فإن الأشياء التي تتحكم فيها في العنصر الأخير في القائمة هي تحسين المحتوى.

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

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

التجربة تبدأ من هنا

لقد تقدمنا ​​وقمنا بإنشاء تثبيت WordPress افتراضي وداخله لفصل الصفحات.

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

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

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

مثال على صفحة الفيديو المضمنة

الصورة أدناه هي اختبار تصور السرعة المأخوذ في GTmetrix للصفحة التي تم تضمين فيديو YouTube التقليدي فيها.

يرجى الانتباه إلى وقت التحميل ووقت التحميل الكامل أدناه.

الصورة أدناه هي قائمة العمليات التي حدثت أثناء تحميل هذه الصفحة. يرجى ملاحظة المبلغ الإجمالي للطلبات.

مثال على صفحة تحميل الفيديو الكسول

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

يرجى الانتباه إلى وقت التحميل ووقت التحميل الكامل أدناه. هذا أقل من ثانية واحدة لوقت التحميل والمقارنة بأكثر من 1 للفيديو المضمن تقليديًا.

وقت التحميل الكامل هو أيضًا أقل من ثانية واحدة مقارنة بوقت التحميل الكامل الذي يزيد عن 3 ثوانٍ للفيديو المضمن تقليديًا.

يمكنك أن ترى في الشلال لاختبار السرعة أدناه أن هناك 21 طلبًا أقل يتم استدعاؤه عند تحميل الصفحة لأننا حمّلنا الفيديو المضمن كسولًا.

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

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

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

أنت تعرف الآن أن Lazy Load Video على WordPress جيد ... ماذا بعد ذلك؟

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

الإضافات المجانية الفعلية الوحيدة التي تركز على التحميل البطيء لمقاطع الفيديو على موقع WordPress الخاص بك هي المكوّن الإضافي Lazy Load for Videos و a3 Lazy Load والذي يمكنك معرفة المزيد عنه من خلال النقر على الصور أدناه.

هناك بعض الإضافات الإضافية لتحسين السرعة التي تتضمن هذه الوظيفة والتي ستتيح لك التحميل البطيء لمقاطع فيديو YouTube أو إطارات iFrames. انظر أسماء هذه المكونات الإضافية أدناه.

1. سويفت بيرفورمانس برو
2. صاروخ الفسفور الابيض

الإضافات تجعل تحميل الفيديو ليس كسولًا على WordPress

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

غالبًا ما تتكامل مكونات WordPress الإضافية ذات التحميل البطيء لمقاطع الفيديو فقط مع YouTube و Vimeo. هناك العديد من حلول استضافة الفيديو الأخرى التي قد تستخدمها.

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

أداة مجانية فائقة البرودة لتحميل الفيديو بطريقة Lazy على WordPress

هناك أداة رائعة وسهلة الاستخدام ومجانية عبر الإنترنت حيث يمكنك أخذ أي عنوان URL ممكّن لـ iFrame وإعداد مقتطف رمز يتم تحميله ببطء.

يُطلق على هذه الرسوم اسم IFRAMELY ويمكن استخدامها مجانًا على https://iframely.com/embed

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

مجرد الختام

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

إذا كان لديك أي أسئلة حول ما تمت مناقشته هنا ، فلا تتردد في التعليق أدناه.