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

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

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

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

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

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

يعمل التحميل البطيء مثل هذا:

يقوم المتصفح ببناء صفحة الويب DOM دون تنزيل الصور وتحميل مقاطع الفيديو مسبقًا.

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

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

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

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

انقر للتغريد

ووردبرس] تحميل كسول

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

هل الصور ومقاطع الفيديو تبطئ مواقع الويب حقًا؟

بادئ ذي بدء ، قبل تحميل أي صور على وورد بريس ، تأكد من تحسينها .

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

إليك كيفية اختبار سرعة موقع Pingdom لتقييم الموقع قبل إضافة أي صور أو مقاطع فيديو.

اختبار سرعة موقع pingdom بدون إضافة صور أو مقاطع فيديو

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

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

اختبار سرعة موقع pingdom بدون إضافة تحميل كسول

اختبار السرعة بدون إضافة تحميل كسول

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

تحسين سرعة تحميل الصفحة مع الإضافات كسول التحميل

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

a3 تحميل كسول

a3 Lazy Load هو خيار آخر شائع للتحميل البطيء في وورد بريس في المستودع. هذا المكون الإضافي نشط على أكثر من 50000 موقع وورد بريس وحصل على تصنيف قوي جدًا قدره 4.7 من أصل 5 نجوم وتلقى ما يقرب من 40 مراجعة من المستخدمين.

a3 تحميل وورد البرنامج المساعد كسول

A3 تحميل Lazy البرنامج المساعد

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

اختبار سرعة موقع pingdom مع تثبيت المكون الإضافي a3 lazy load

اختبار السرعة مع البرنامج المساعد A3 Lazy Load

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

تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟

انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!

إشترك الآن

مقارنة نتائج الاختبار

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

موقع pingdom سرعة اختبار حجم المحتوى لقطة مع تثبيت المكون الإضافي a3 Lazy Load

حجم المحتوى مع المكون الإضافي A3 Lazy Load

حجم الصورة صغير للغاية حيث يزيد قليلاً عن 150 كيلو بايت. إليك كيفية ظهور لقطة شاشة المحتوى بحمولة إجمالية تبلغ 2.0 ميغابايت.

موقع pingdom سرعة اختبار حجم المحتوى لقطة مع تحميل كسول xt مثبت

حجم المحتوى مع البرنامج المساعد Lazy Load XT

النص البرمجي و HTML و CSS وأحجام المحتوى الأخرى متطابقة تقريبًا. ومع ذلك ، يبلغ حجم الصورة 1.86 ميجابايت – حجم النسخة الكاملة الدقة للصورة الأولى على الصفحة – بدلاً من 150 كيلوبايت فقط. ماذا يحصل؟

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

تحميل بطيىء

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

البرنامج المساعد Lazy Load بواسطة WP Rocket

البرنامج المساعد Lazy Load بواسطة WP Rocket

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

هل تعاني من مشاكل التوقف و وورد بريس؟ Kinsta هو حل الاستضافة المصمم لتوفير الوقت! تحقق من ميزاتنا

الأصلي كسول التحميل

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

يعتبر التحميل البطيء الأصلي أمرًا رائعًا لأداء الموقع لأنه لا يعتمد على كود جافا سكريبت المضمّن أو البرامج النصية الخارجية. لإضافة التحميل البطيء الأصلي إلى موقعك ، ما عليك سوى إضافة loading=lazyسمة إلى الصور وإطارات iframes التي تريد تحميلها ببطء.

المكون الإضافي Google Native Lazyload.

المكون الإضافي Google Native Lazyload.

طورت Google المكون الإضافي Native Lazyload للمساعدة في تسهيل هذه العملية. بعد تفعيل البرنامج المساعد، وورد إدراج تلقائيا loadingسمة الدخول الى حسابك imgو iframeالعلامات.

تحميل كسول لمقاطع الفيديو

إذا كنت مهتمًا فقط بتحميل مقاطع الفيديو البطيئة ، فنحن نوصي أيضًا بمراجعة  المكوّن الإضافي Lazy Load for Videos . في حين أن بعض المكونات الإضافية المذكورة أعلاه تفعل ذلك أيضًا ، فإن هذا يعد حلاً رائعًا لمحتوى الفيديو فقط.

البرنامج المساعد Lazy Load for Videos

البرنامج المساعد Lazy Load for Videos

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

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

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

تأكد من أنك لا تزال تستخدم النص البديل على صورك لأن هذا مهم لتصنيفات البحث عن الصور من Google.

ملخص

مع دعم التحميل البطيء على نطاق واسع والمتصفح الأصلي في الأفق ، نوصي باستخدام مكون إضافي مثل Native Lazy Load من Google لتعيين خط أساس تحميل كسول لموقعك.

مع دعم Chrome و Firefox ، ودعم Safari في المستقبل ، يجب أن يكون التحميل البطيء الأصلي للمتصفح هو كل ما تحتاجه لتحميل الصور وإطارات iframe الخاصة بك. مع ذلك ، إذا كنت تبحث عن خيار قائم على JavaScript يستهدف المتصفحات القديمة أيضًا ، فإن a3 Lazy Load يعد خيارًا رائعًا.

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

هل افتقدنا أي حلول تحميل كسول جيدة أخرى لـ وورد بريس؟ إذا كان الأمر كذلك ، فأخبرنا أدناه.

وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:

مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.

تكامل Cloudflare Enterprise.

يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.

التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.

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