يمكن أن تكون الصور والفيديوهات في الصفحة الرئيسية لموقع الويب أمراً مهمًا. لسوء الحظ ، قد لا يرغب متصفحو الموقع "المستخدمين" في قطع أو إبطاء أي موارد من تطبيقاتهم الحالية. وهذه تُعد مشكلة ، خاصة عندما ترغب كمالك موقع في تحسين أداء الموقع وفي نفس الوقت تريد ابقاء الصور والفيديوهات ، لذا لا تعرف كيفية الوصول إلى حل يرضي الطرفين. لكن و لحسن الحظ ، تعد ميزة Lazy Loading —وهي موضوع مقالنا— حلاً يقلل من حجم الصفحة ووقت التحميل ، وبدون أن يؤثر بشكل سلبي على المحتوى
ما هي ميزة Lazy Loading ؟
التحميل الكسول أو Lazy Loading هو تقنية تؤجل تحميل الموارد غير الهامة في وقت تحميل الصفحة. بدلاً من ذلك ، يتم تحميل هذه الموارد وقت الحاجة فقط. فعندما يتعلق الأمر بالصور ، غالبًا ما تكون كثير من الصور في الموقع خارج شاشة المستخدم أي لا يراها فعلياً على شاشته إلا اذا تصفح الموقع لنهايته.ربما تكون قد رأيت مسبقاً تحميلًا كسولًا أثناء التصفح ، وهو يحدث كالتالي:
- تصل إلى صفحة ، وتبدأ في التمرير وأنت تقرأ المحتوى.
- في مرحلة ما ، تقوم بتمرير صورة غير واضحة بالكامل وتتغير .
- يتم استبدال الصورة الأساسية فجأة بالصورة النهائية.
إذا لم تكن معتادًا على التحميل البطيء أو لم تلحظه من قبل ، فقد تتساءل عن مدى فائدة هذه التقنية وما هي فوائدها. تابع القراءة لمعرفة ذلك.
لماذا يتم تفعيل التحميل الكسول للصور أو مقاطع الفيديو؟
لأنه من المحتمل أنك يقوم الموقع بتحميل أشياء قد لا يراها المستخدم مطلقًا. هذا يمثل مشكلة لسببين:
- يهدر البيانات. في الاتصالات المفتوحة هذا قد لا يُعد اسوء شيء لكن يعد مشكلة حقيقية في خطط البيانات المحدودة ، قد يكون تحميل الأشياء التي لا تراها أبدًا مضيعة لأموالك.
- إنه يهدر وقت المعالجة والبطارية وموارد النظام الأخرى. حيث بعد تنزيل نوع من وسائط ، يجب أن يفك المتصفح تشفيره ويعرض محتواه في مكان العرض.
كيفية تفعيل التحميل الكسول في متصفح كروم ؟
قم بنسخ الجملة التالية ولصقها في شريط العنوان :
chrome://flags/#enable-lazy-image-loading
في الحالة الافتراضية ستجد ميزة Enable lazy image loading غير مفعلة قم بتحويلها إلى Enabled
يرجى ملاحظة أن هذه الميزات في الصفحة التي قمت بفتحها هي تجريبية وقد لا تعمل بشكل صحيح بالكامل أو قد تسبب مشاكل بالتوافق
تعليقات
إرسال تعليق