جعل الصور التقدمية أفضل تحميل مع AntiModerate

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

مع هذا البرنامج المساعد المجاني ، يمكنك تحميل الصور عندما تظهر في الرأي وقلل من إجمالي حجم صفحتك.

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

إليك كيفية عمل ذلك: يمكنك إضافة المكون الإضافي لـ AntiModerate في صفحتك جنبًا إلى جنب مع البرنامج النصي StackBlur.js.

AntiModerate تسحب أبعاد الصورة ويفرض جميع العلامات img في حجم ثابت على الصفحة. يتم دفع هذه الصور المحملة مسبقًا عبر StackBlur.js مما يقلل بشكل كبير من إجمالي حجم ملف المعاينة ، وبالتالي يتم تحميل الصفحة بأسرع وقت.

بمجرد أن تصبح هذه الصور الأصغر في مكانها ، يقوم AntiModerate بتحميل الصور بالحجم الكامل في الخلفية. ثم يتم استبدال كل صورة ضبابية بالصورة العادية بمجرد انتهائها من التنزيل. سهل!

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

يمكنك تثبيت المكتبة مباشرةً باستخدام npm أو Bower ، أو عن طريق سحب البرنامج النصي من خلال GitHub.

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

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

ناهيك هذا يعمل على جافا سكريبت نقية لذلك لا يتطلب أي تبعيات مثل jQuery للحصول على العمل.