تدريجيا يتيح لك تحميل الصور كسول مع الفانيليا JS

يجب أن يكون كل موقع حديث سريعًا. على الرغم من وجود العديد من التقنيات والإضافات لزيادة سرعة الصفحة ، إلا أنك قد لا تعرف من أين تبدأ.

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

إنه مشروع مجاني مفتوح المصدر بحيث يمكنك تنزيله وتشغيله على أي موقع ويب. بالإضافة إلى ذلك يعمل على 100٪ من الفانيليا JS ، لذلك لا يوجد لديك أي تبعيات قد تؤدي إلى انخفاض وزنك.

يمكنك إلقاء نظرة على العرض التوضيحي المباشر على الصفحة الرئيسية التدريجي.

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

تبدو العناصر النائبة للصورة في الواقع مثل الصور التي تقوم بتحميلها. رائع!

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

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

ولكن يمكنك معرفة المزيد على صفحة GitHub الرئيسية التي تتضمن وثائق API الكاملة وتعليمات الإعداد ونماذج مقتطفات من الكود يمكنك نسخها / لصقها في مشاريعك.

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

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