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

ما هو التحميل الكسول؟ 

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

وإليك هذا الفيديو الذي يشرح لك طريقة استخدام ميزة التحميل الكسول مقارنة مع التصفح العادي للموقع: 

لماذا تحتاج إلى تقنية التحميل الكسول؟ 

كمالك موقع إلكتروني سيكون لزامًا عليك الاعتماد على هذه التقنية من أجل التحسين من أداء موقعك الإلكتروني بشكل عام، حيث يوجد العديد من الفوائد التي تجنيها والمتمثلة في: 

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

أنواع  التحميل الكسول

التحميل الكسول لديه مجموعة من الأنواع المختص كل نوع منها بجانب معين في الموقع الإلكتروني ولتوفير أفضل تجربة مستخدم ممكنة وفي هذه الحالة نجد هذه الخيارات: 

التحميل الكسول للصور 

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

تحميل الفيديو الكسول

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

تحميل JavaScript الكسول

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

تحميل CSS الكسول 

أكواد الـ CSS أيضًا من الأكواد الرئيسية في كل موقع إلكتروني حيث يتم معاملتها بنفس أكواد JavaScript لتحميلها بشكل متتالي ومن دون التأثير على أداء الموقع الإلكتروني. 

تحميل إطارات iframes 

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

كيف يؤثر التحميل البطيء على تحسين محركات البحث لموقعك؟

للوهلة الأولى قد تعتقد بأن التحميل الكسول يؤثر على تجربة المستخدم فقط، ولكن لديه العديد من الأبعاد الأخرى التي تتوغل في التحسين من ترتيب الموقع في محركات البحث وزيادة فاعلية أداء الموقع الإلكتروني بشكل عام. 

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

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

طريقة إضافة التحميل الكسول إلى موقعك الإلكتروني 

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

استخدام إضافات التحميل الكسول 

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

• إضافة a3 Lazy Load  

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

بالإضافة للتوافق مع الإضافات الأخرى ليكون خيار مثالي للمتاجر الإلكترونية  التي تعمل عبر إضافة WooCommerce مع دعم التحسين من تجربة المستخدم على الهواتف المحمولة. 

• إضافة Smush

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

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

• إضافة WP Rocket 

كنا نعلم بأن إضافة WP Rocket  هي من إضافات تسريع المواقع الإلكترونية من خلال ما يُسمى بالكاش أو التخزين المؤقت، وفي نفس الوقت تقدم لك أداة مخصصة للتحميل الكسول بأسم Lazy Load والتي تعمل على منع تحميل كل الصور الموجودة على موقعك الإلكتروني. 

وتتعامل مع كافة أنواع الصور من الصور المصغرة والصور الخلفية والإطارات والنصوص وغيرها من المكونات التي تقلل من سرعة تحميل موقعك الإلكتروني. 

استخدام الأكواد 

إذا كُنت لا تحبذ الإضافات وتريد استخدام الأكواد فيوجد طريقة تتيح لك ذلك من خلال أكواد الـ HTML، عبر إضافة عنصر “loading” إلى كود كل صورة ليصبح الكود كالآتي: 

// lazy-loads an image

<img src=”image.png” loading=”lazy” alt=”…” />

// eager-loads an image

<img src=”image.png” loading=”eager” alt=”…” />

// defers to the loading behavior of the browser (the same has having no “load” attribute)

<img src=”image.png” loading=”eager” alt=”…” />

الخلاصة 

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