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

نشرت: 2021-07-12

مفهوم واضح لما هو التحميل البطيء. كيفية تحسين سرعة تحميل الموقع بتطبيق تقنية التحميل البطيء. ما هي الإضافات الموصى بها للصورة كسول التحميل وأكثر؟

التحميل الكسول هو تقنية يتم فيها تحميل الصور والفيديو وملفات الوسائط الأخرى فقط عند الحاجة (في هذه الحالة يتم تمرير الصفحة لأسفل إلى الصورة).

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

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

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

عندما تقوم بالتمرير لأسفل الصفحة ، يتم تحميل ملفات الوسائط والصور على وجه الخصوص. يؤدي ذلك إلى تقليل وقت تحميل الصفحة الأولي بشكل كبير عن طريق تقليل عدد الطلبات المقدمة لموارد HTML و CSS و JavaScript.

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

لماذا يجب علي إضافة التحميل البطيء إلى موقعي؟

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

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

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

What Is Lazy Loading? A Clear Concept 1

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

كيفية إضافة تحميل كسول في موقع ووردبريس؟

يمكنك إضافة تحميل كسول إلى أي موقع ويب مع بعض الإضافات البسيطة من كود CSS وجافا سكريبت. كل ما تحتاجه هو القليل من علامات HTML أيضًا.

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

كيفية إضافة التحميل البطيء باستخدام البرنامج المساعد؟

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

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

perfmatters lazy load
خيار التحميل البطيء

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

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

wp rocket image lazy load
WP صاروخ تحميل كسول الخيار

يمكنك أيضًا استخدام المكون الإضافي Light Speed ​​Cache وهو مكون إضافي شائع بين مستخدمي WordPress. يمكّنك من استخدام قواعد التخزين المؤقت المتقدمة لموقع الويب الخاص بك والتي تساعد في تحسين وقت تحميل الصفحة وتقليل استخدام النطاق الترددي أيضًا.

lazy load by litespeed cache
LiteSpeed ​​Cache Lazy Load الخيار

بالإضافة إلى ذلك ، تساعد المكونات الإضافية المذكورة أعلاه في تحميل إطارات iFrames. أنصحك بهذه المكونات الإضافية لذلك.

التحميل الكسول مقابل التحميل الديناميكي مقابل التحميل المسبق لجافا سكريبت مقابل التحميل البطيء

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

التحميل البطيء: مع التحميل البطيء ، يتم تحميل الموارد على النحو المطلوب (كما يوحي الاسم). هذا يعني أنه بناءً على إجراءات المستخدمين ، قد لا يتم تحميل بعض العناصر على الإطلاق.

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

تحميل JavaScript مسبقًا:

يعد التحميل المسبق لـ JavaScript جزءًا مهمًا من عملية التحميل البطيء للصور. يسهل ذاكرة التخزين المؤقت للمتصفح من خلال تقديم HTML (و CSS إذا كنت تستخدم حلاً يعتمد على النمط).

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

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

فهم التحميل الكسول لتحسين محركات البحث

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

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

تحميل كسول و CDN

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

Cloudflare CDN هو أحد الخدمات التي أود تسليط الضوء عليها من بين خدمات CDN الأخرى.

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

التحميل البطيء على سطح المكتب أو الهاتف المحمول: كيف يؤثر ذلك على تحسين محركات البحث في Google؟

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

مع الأجهزة المحمولة ، التحميل البطيء هو شيء ستحتاج إلى الانتباه إليه.

من المهم أن تفكر في الأمر كعامل ترتيب لتحسين محركات البحث لأن Google تهتم الآن بالتحميل البطيء للصور على الأجهزة المحمولة.

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

صورة تحميل كسول بحجم مختلف

سبب آخر لضرورة التركيز على التحميل البطيء للصور هو زيادة استخدام الهاتف المحمول.

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

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

ما هي الأطر المستخدمة في التحميل البطيء؟

هناك عدد قليل من الخيارات المتاحة لك:

1. Picturefill (الاستخدام الافتراضي)

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

2. LazyLoadJS (الاستخدام الافتراضي)

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

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

3. LoadCSS (بالاستخدام الافتراضي)

يُعد LoadCSS برنامجًا نصيًا يوفر وظائف تحميل بطيئة لأوراق الأنماط الخاصة بك ، على عكس المكتبات الأخرى التي تعمل فقط مع الصور أو ملفات الفيديو. سيؤدي هذا أيضًا إلى تحميل HTML و JavaScript مسبقًا.

4. SlimerJS (غير متوفر)

SlimerJS هو برنامج نصي يوفر وظائف التحميل البطيئة لصورك ولا يستخدم أي مكتبات JavaScript ، ولكنه يحتوي على واجهة برمجة تطبيقات خاصة به والتي يمكنك استخدامها لتهيئة طريقة عمل التحميل البطيء للصور.

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

هل يعمل التحميل البطيء في صور الخلفية؟

نعم ، ستعمل في صور الخلفية.

خاتمة

يعد التحميل الكسول أحد أكثر تقنيات تحسين الأداء استخدامًا عندما يتعلق الأمر بـ WordPress والمواقع الإلكترونية بشكل عام.

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