كيفية تأجيل الصور خارج الشاشة في ووردبريس

نعلم جميعًا أن السرعة عامل مهم لتحسين محركات البحث (SEO) وزيادة التحويل. تسريع موقع الويب يُسهم في تحسين ترتيبه في نتائج البحث على جوجل، كما يُسعد قرّاءك. من منا لا يُحب المواقع السريعة؟

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

إذا قمت بفحص موقع الويب الخاص بك من خلال أدوات اختبار السرعة مثل Google PageSpeed ​​Insight أو Web.dev، أحد التحذيرات التي قد تتلقاها هو "تأجيل الصور خارج الشاشة".

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

مع ذلك، يجب أن تعلم أن تأجيل عرض الصور خارج الشاشة قد يُحسّن سرعة هاتفك المحمول، فالعاملان الأهم المؤثران على سرعتك هما الاستضافة والقالب. هنا في BloggingTools، نستخدم Cloudways لأنها أسرع استضافة ووردبريس. إذا لم تكن تملك المال الكافي لشراء Cloudways، فإن Bluehost أو Hostinger خياران جيدان. بالنسبة للقوالب، نستخدم أسرع قالب ووردبريس المعروف باسم GeneratePress.

ماذا يعني تأجيل الصور خارج الشاشة؟

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

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

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

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

كيفية تأجيل الصور خارج الشاشة في ووردبريس

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

بمجرد أن تتمكن من تحميل الصور والأصول الأخرى التي تمنع صفحتك من التحميل بسرعة، ستختفي ميزة "تأجيل تحميل الصور خارج الشاشة" من Google PageSpeed ​​Insight وأدوات الاختبار الأخرى.

اتبع الخطوات التالية لتأجيل ظهور الصور خارج الشاشة في WordPress:

1. قم بتثبيت مكون إضافي للتحميل البطيء

هناك العديد من الإضافات التي تتيح التحميل البطيء والتي تتوفر مجانًا في دليل إضافات WordPress. يمكنك الانتقال إلى Plugin (المكون الإضافي)، ثم إضافة جديد ثم كتابة lazy loading (التحميل البطيء). قم بتثبيت أي إضافة تتمتع بتقييمات جيدة.

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

بالإضافة إلى ذلك، إذا كنت تستخدم Jetpack وautoptimize، فلديهما خيارات تحميل بطيئة.

2. قم بتنشيط خيارات التحميل البطيء

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

3. امسح ذاكرة التخزين المؤقت.

بمجرد تنشيط التحميل الكسول، قم بمسح ذاكرة التخزين المؤقت لديك وهذا كل شيء!

يمكنك اختبار موقعك مرة أخرى، يجب أن يختفي التحذير!

إضافة تأجيل عرض الصور خارج الشاشة إلى WordPress

تعتبر مكونات إضافية لتأجيل الصور غير المرغوبة مماثلة لمكونات إضافية للتحميل البطيء. وفيما يلي بعض المكونات الإضافية:

1. Jetpack ل

Jetpack ل يعد Jetpack أحد أكثر مكونات WordPress شيوعًا حيث تم تثبيته أكثر من 5 ملايين مرة. إذا كان لديك Jetpack مثبتًا بالفعل، فلن تحتاج إلى تثبيت مكون إضافي للتحميل البطيء.

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

2. التحسين التلقائي

Autoptimize يعد Autoptimize مكونًا إضافيًا شائعًا للغاية لتحسين الأداء. إذا كنت تستخدم Autoptimize، فلا داعي لتثبيت مكون إضافي للتحميل البطيء لأن Autoptimize يتمتع بنفس الميزة.

انتقل إلى إعدادات التحسين التلقائي ثم انقر فوق علامة التبويب "الصور" وقم بتمكين التحميل البطيء.

3. WP الصواريخ

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

انتقل إلى إعدادات WP Rocket ثم انقر فوق الوسائط، ومن هناك يمكنك تمكين التحميل البطيء.

4. LiteSpeed ​​الكاش

إذا كنت تستخدم إضافة LiteSpeed ​​Cacheيحتوي على ميزة التحميل البطيء. لتفعيلها، ما عليك سوى الانتقال إلى قسم الوسائط، وهناك يمكنك تمكين التحميل البطيء.

5. a3 تحميل كسول

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

بشكل عام، تأتي بعض السمات، وبعض مكونات التخزين المؤقت، وبعض مكونات تحسين الصور مع ميزة التحميل الكسول.

الأسئلة الشائعة (FAQs)