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

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

 

ما هي تأجيل الصور خارج الشاشة

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

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

 

نصائح جوجل لمعالجة المشكلة

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

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

إذا كنت تستخدم IntersectionObserver ، فتأكد من تضمين polyfill ، نظرًا لأن دعم المتصفح الأصلي محدود.

ترفع Lighthouse الصور التي تم التقاطها خارج الشاشة والتي تم طلبها قبل الحدث Time To Interactive (TTI).

سرعة الموقع

صفحات الويب اسرع
صفحات الويب اسرع

من اهم معايير تهيئة موقعك لمحركات البحث والوصول للنتائج الاولي في محركات البحث هي سرعة الموقع ويجب اتابع اهم الخطوات التي ينصح محرك البحث جوجل به فمن اهم الادوات التي تساعدنا في قياس سرعة الموقع هي :

 google page speed insights

ما هي طريق تأجيل عرض هذه الصور خارج الشاشة للوردبريس

a3 Lazy Load اضافة تأجيل الصور خارج الشاشة
a3 Lazy Load اضافة تأجيل الصور خارج الشاشة

لحل هذه المشكلة وهي تأجيل الصور خارج الشاشة  في الوردبريس ببساطه جدا هندخل

علي لوحة تحكم الووردبريس ثم اضافات ثم اضف جديد ثم اسم الاضافة a3 Lazy Load ثم تفعيل الاضافة

بعد كدا هندخل علي الاعدادات ثم a3 Lazy Load  وهنفعل Lazy Load Images زي ما في الصورة كدا

 

رابط تحميل الاضافة 

 

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

 

بالتوفيق للجميع ان شاء الله

 

قياس سرعة الموقع من جوجل ، website speed test google  ، فحص سرعة الموقع ، google speed test internet ، speed google insights ، معرفه سرعه الموقع ، google speed dev ، اختبار السرعة من جوجل

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *