تعتبر سرعة تحميل صفحات موقعك هي من أهم الأمور التي يلقي أصحاب المواقع إليها بالًا، ليكون الموقع صديقًا لمحرك البحث ويكون كذلك صديقًا للمستخدمين ونحن هنا نتحدث عن الصور التي يكون لها تأثيرًا بالغًا في حكم الصفحة وكذلك وقت التحميل.
سنتحدث في هذه المقالة عن خاصية التحميل الكسول (Lazy load) والتي تساهم بشكل أو بآخر في تحسين سرعة صفحات موقعك خصوصًا التي تحتوي على عدد كبير من الصور وذلك من خلال تأخير تحميل الصور حتى يصل لها المستخدم. سنتعرف على هذه الخاصية وكيفية الاستفادة منها في موقعك الووردبريس.
ما هو التحميل الكسول lazy loading؟
يعتبر حجم الصورة أو الفيديوهات أحد العوامل الرئيسية التي تؤثر على وقت تحميل صفحة الويب، إلى جانب المحتوى واستجابة الخادم. كلما كبر حجم الصورة أو الفيديوهات، كلما استغرق تحميلها وقتًا أطول. يجب أن يكونا بحجم مناسب لموقع الويب الخاص بك حتى لا تعاني من تلك المشكلة.
التحميل الكسول lazy loading هي طريقة يمكنك استخدامها لتحسين أداء موقع الويب الخاص بك عن طريق تحميل الصور أو الفيديوهات تدريجيًا في الخلفية بناءً على تفاعل المستخدمين مع الصفحة. على سبيل المثال، لا يتم تحميل جميع صور أو الفيديوهات في الصفحة دفعة واحدة بل عندما يقوم الزائر بالتمرير لأسفل الصفحة، سيتم تحميلهم في الوقت ذاته.
بهذه الطريقة، سيكون تحميل الصفحة سريعًا بينما يتم تحميل باقي الصور أو الفيديوهات عندما يمرر إليها الزائر. الغرض من هذه التقنية هي تحسين أوقات تحميل صفحات الموقع عن طريق حفظ الصور أو الفيديوهات حتى يتم طلب عرضها بناءً على سلوك الزائر. هذا يعني أنك تقوم بتحميل الصور أو الفيديوهات التي تحتاجها فقط، ثم تعرضها حسب الحاجة.
اقرأ أيضا: أهم إضافات تعديل وتنسيق الصور داخل الووردبريس بطريقة احترافية
أهمية التحميل الكسول lazy loading؟
1- تحسين وقت تحميل الصفحات
السبب الأكثر شيوعًا لبطء أوقات التحميل هو استخدام عدد كبير جدًا من الصور أو الفيديوهات. كلما زاد عددها لديك، كلما استغرق تحميل صفحاتك وقتًا أطول، لأنه يتطلب تحميلهم جميعا في نفس الوقت دفعة واحدة. باستخدام التحميل الكسول lazy loading سيتم تحميل جميع مكونات الصفحة على حدى حسب تفاعل الزائر مع المحتوى الموجود في الصفحة، وسيؤدي ذلك إلى تقليل وقت تحميل الصفحة.
2- تحسين تجربة المستخدم
يعد تحسين سرعة الموقع أحد أهم العوامل التي تؤدي إلى تحسين تجربة المستخدم. إذا استغرق تحميل الصفحة وقتًا طويلاً، فسيتخلى المستخدمون عنك وينتقلون إلى مكان آخر. ستعمل تقنية التحميل الكسول lazy loading على تحميل المحتوى المرئي للمستخدم بشكل تدريجي حسب تفاعله، بدلاً من تحميله دفعة واحدة.
3- تحسين محركات البحث
تعد سرعة الموقع مهمة في تحسين محركات البحث وتقليل معدل الارتداد حيث يفضل الزوار المواقع التي تعمل بشكل أسرع. كلما استغرق تحميل موقع الويب الخاص بك وقتًا أطول، ارتفع معدل الارتداد. تعمل تقنية التحميل الكسول lazy loading على تحميل الموقع بشكل أسرع مما يؤدي إلى تحسن كبير في نتائج محركات البحث.
4- زيادة الدخل
استخدامك لتقنية التحميل الكسول lazy loading غالبًا ما يؤدي إلى زيادة أرباحك بمرور الوقت إذا كنت تعتمد على عرض الإعلانات كمصدر للدخل. يتم تحميل الإعلانات بشكل أسرع، مما يعني أنه من المحتمل أن يقضي الزائر وقتًا أطول على موقعك، ويؤدي هذا إلى ارتفاع نسب النقر إلى الظهور (CTR).
5- توفير التكلفة
هناك عدد من الشركات التي تقدم خدمات الاستضافة والتخزين السحابي والشبكات وغيرها يقومون بتحديد التكلفة بناءً على عدد البيانات المنقولة. لذلك عند استخدامك لتقنية التحميل الكسول lazy loading لن يتم عرض جميع المحتوى المرئي دفعة واحدة، بل حسب تفاعل الزائر مع المحتوى.
على سبيل المثال: هناك فئة معينة من الزائرين تهتم فقط بالجزء الأول من المحتوى، ومن ثم تخرج من الموقع، لذلك عدم استخدام تقنية التحميل الكسول lazy loading يؤدي إلى عرض جميع المحتوى المرئي بالفعل دون فائدة، مما يضيف تكلفة إضافة عليك.
اقرأ أيضا: أهم إجراءات زيادة سرعة موقعك الووردبريس | دليل شامل
أفضل إضافات التحميل الكسول lazy loading للووردبريس
1- Lazy Load by WP Rocket
Lazy Load by WP Rocket هو مكون إضافي رائع يساعد في تحميل الصور واحدة تلو الأخرى حسب تفاعل الزائر مع المحتوى، ويكتشف المكون الإضافي تلقائيًا المحتوى الغير ضروري لتجربة المستخدم، مثل الصور المصغرة، ولن يقوم بعرضها حتى يمرر الزائر إليها. هذا يقلل بشكل كبير من وقت تحميل الصفحة.
اقرأ أيضا: شرح إضافة Wp Rocket لتسريع مواقع ووردبريس
2- Smush
يساعدك Smush على تحقيق أقصى استفادة من صورك من خلال ضغط حجم الصور دون التضحية بالجودة. إذا كنت تستخدم صورًا عالية الدقة في صفحات موقعك وتؤدي إلى بطء تحميل الصفحات، يمكنك الحفاظ على موقع الويب الخاص بك محسنًا من خلال استخدام الإضافة.
اقرأ أيضا: كيفية ضغط حجم صور موقعك دون فقدان الجودة | 3 طرق مختلفة
3- Optimole
Optimole هو مكون إضافي يعمل تلقائيًا على تحسين الصور التي تضيفها إلى صفحات موقعك. فهو يعمل على تقليل حجم الصور بشكل كبير دون إجراء أي تغيير في الجودة، ويؤدي إلى تحسين كبير في أداء الموقع الخاص بك.
4- A3 Lazy load
A3 Lazy Load هو الأكثر شيوعًا في ووردبريس لأنه أسهل في الاستخدام ويحتوي على عدد من الميزات التي تجعل موقع الويب الخاص بك أسرع. فهو يعمل عن طريق تحميل الصور فقط عندما يمرر إليها الزائر، وليس قبل ذلك. هذا يقلل بشكل كبير من الوقت الذي يستغرقه تحميل الصور على موقعك. يمكنك من خلال هذه الإضافة أيضًا تحديد وقت التحميل، وإضافة تأثيرات Fade In و Spinner عند تحميل الصور.
5- Lazy Loader
لا تعمل إضافة Lazy Loader على تفعيل التحميل الكسول lazy loading الصور فحسب ، بل تدعم أيضًا إطارات iframes ومقاطع الفيديو والملفات الصوتية. يعتبر هذا المكون الإضافي أكثر استخداما لأنه يتضمن العديد من الوظائف الإضافية المجانية.
6- Speed Up – Lazy Load
تعمل إضافة Speed Up- Lazy Load على تعزيز سرعة موقعك من خلال تفعيل تقنية التحميل الكسول lazy loading للصور وإطارات iframes. كما يسمح لك هذا المكون الإضافي بتعطيل الكسول lazy loading على صفحات أو مناطق معينة.
7- Lazy Load for Videos
إذا كان موقع الويب الخاص بك يحتوي على الكثير من مقاطع الفيديو ويعمل بشكل بطيء، فإن إضافة Lazy Load for Videos ستعمل على حل تلك المشكلة لأنها مخصصة لتفعيل تقنية التحميل الكسول lazy loading لمقاطع الفيديو.
إنه يعمل عن طريق استبدال مقاطع الفيديو Vimeo و YouTube بصور قابلة للمعاينة. سيتم تحميل مقاطع الفيديو فقط إذا نقر الزائر على الصورة، وهذا يتيح لك تحسين في سرعة الموقع من خلال عدم عرض مقاطع الفيديو الغير ضرورية للزائر.
في النهاية وكما تابعت معنا في رحلتنا خلال تلك المقالة التي تحدثنا فيها عن ما هو التحميل الكسول lazy loading، وكذلك، أهميته، وكيفية عمله، كما تعرفنا أيضا على أفضل إضافات التحميل الكسول lazy loading للووردبريس.
على الرغم من أن أحدث إصدارات ووردبريس تتضمن بالفعل التحميل الكسول lazy loading للصور ومقاطع الفيديو وما إلى ذلك، فهناك أوقات قد تحتاج فيها إلى مزيد من التحكم في كيفية عملها على موقعك بالطريقة التي تناسب عملك.