كيفية تحميل الصور عند الطلب؟

ما هو التحميل عند الطلب ؟ 🔗

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

هذه التقنية تُسمي التحميل الكسول lazyloading ونستخدمها مع الصور img والإطارات الإضافية في صفحة الويب iframe مثل الإعلانات وصفحات الفيسبوك المضافة داخل صفحات الويب في المواقع.

استخدام التحميل عند الطلب مع الصور 🔗

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

<img width="" height="" loading="lazy" src="" alt="" />

استخدمنا loading="lazy" لتحميل الصورة عند الطلب. وحددنا طول الصورة و عرضها width="" height="" للاحتفاظ بالمساحة التي سيعرض فيها الصورة عند تحميلها.

واستخدمنا src="" لتحديد مسار الصورة وهذا عادي. واستخدمنا alt="" لإضافة وصف لمحتوى الصورة، لأن هذا يساعد ذوي الإحتياجات الخاصة في التعرف على الصورة ومحتوياتها دون رؤيتها.

نستخدم أيضاً كود تنسيق بلغة CSS لكي نجعل الصورة متجاوبة مع كل أحجام الشاشات (responsive design).

img {max-width:100%;height:auto;}

استخدام التحميل عند الطلب مع الآي فريم 🔗

كل ما عليك هو إضافة loading="lazy" إلى وسم فتح الآي فريم iframe كما ترى في الكود التالي.

<iframe loading="lazy" ></iframe>

أتمنى أن يكون هذا المقال السريع قد نال إعجابكم. للوصول لنا بسرعة أكتب في جوجل “موقع أبانوب حَنّا” وستجدنا إن شاء الله.