این قابلیت از اینکه تصاویر و ویدیوها، سرعت وب سایت شما را کاهش بدهند، جلوگیری میکند. با توجه به اهمیتش، در این مقاله قرار است ابتدا درک کنیم که لود تنبل یا lazy loading چیست؟
Lazy Loading یا لود تنبل یکی از شیوه هایی است که برای بهبود سئو سایت مورد استفاده قرار می گیرد.
در حالت عادی، زمانی که کاربر بخواهد وارد یک صفحه از سایت شما شود، مرورگرش باید تمامی جزئیات آن صفحه از سایت را دانلود کرده و سپس به شما نمایش دهد. در ادامه با توجه به اینکه نزدیک به 63 درصد از زمان برای دانلود کردن تصاویر صرف میشود، کاربر باید زمان زیادی را منتظر بماند.
این یعنی برای مثال اگر یک صفحه حدود 900 کیلوبایت حجم داشته باشد، 10 تصویری که در آن قرار گرفته باعث میشود حجم صفحه به حدود 2 مگابایت برسد. حالا زمانی که کاربر در گوگل روی لینک سایت ما کلیک کند و قصد وارد شدن داشته باشد، باید ابتدا این 2 مگابایت را روی مرورگر خودش دانلود کند و احتمالاً چنین چیزی بین 3 تا 10 ثانیه زمان میبرد.
اما اگر قابلیت لود تنبل یا همان lazy loading را فعال کنیم، کاربر ابتدا وارد سایت ما میشود ، بعد از آن و بعد از اینکه همه جزئیات صفحه روی مرورگرش دانلود شد، به مرور و با پایین رفتن کاربر در صفحه، بقیه تصاویر هم روی مرورگرش دانلود میشود. مطمئناً دانلود کردن 10 عکس 100 کیلوبایتی به مرور زمان، نسبت به دانلود 10 عکس با حجم 1 مگابایت آنهم در چند ثانیه، خیلی فشار کمتری به دستگاه کاربر وارد کرده و او را برای ورود به سایت معطل نمیکند. بنابراین تا اینجا فهمیدیم که لود تنبل دقیقاً چیست .
نکته: لود تنبل صرفاً برای تصاویر کارایی ندارد. بلکه اغلب افزونه های lazy loading، روی ویدیوهای صفحه سایت شما هم تأثیر داشته و از اینکه ویدیوهای درون آن باعث کاهش سرعت سایت شود، جلوگیری میکند.
در حالت عادی وقتی شما وارد یک وب سایت میشوید، مرورگر رایانه یا تلفن همراهتان ابتدا تمامی بخش های صفحه شامل کدهای html، css، js و همینطور تصاویر سایت را دانلود میکند. این زمانی که برای دانلود کردن جزئیات گفته شده صرف میشود، گاهاً خیلی طولانی است.
اما قابلیت لود تنبل که روی سایت شما فعال باشد، شرایط فرق میکند. در این حالت، مرورگر ابتدا کدهای ضروری که برای ورود به سایت نیاز است را دانلود میکند. سپس بعد از ورود، به جای اینکه تصاویر همه صفحه دانلود شود، صرفاً عکس ابتدایی صفحه (در صورتی که وجود داشته باشد) دانلود میشود. بعد از آن هر چه صفحه را به پایین اسکرول کرده (بالا و پایین کردن صفحه) و به تصاویر جدیدی برسید، مرورگر صرفاً آن تصویری که در ناحیه دیدتان است و روی صفحه نمایش داده میشود را دانلود میکند.
البته یک نکته دیگر هم وجود دارد و آنهم اینکه لود تنبل انواع مختلفی دارد. مثلاً در نوع اصلی دقیقاً همانطور که بالا هم توضیح دادم، تصاویر نسبت به ناحیه اسکرول کاربر دانلود میشود. در نوع دیگر هم شرایط به این صورت است که در ابتدا کاربر وارد سایت میشود و بعد از آن به مرور و طبق زمان، تصاویر به نوبت دانلود میشوند.
چرا lazy load را فعال کنیم؟
سرعت یکی از مهم ترین فاکتورها برای سئو سایت است. تا جایی که امکان دارد گوگل به خاطر چند ثانیه سرعت کمتر سایت شما نسبت به رقیب تان، جایگاه او را بالاتر از شما قرار می دهد. اصلی‌ترین علت استفاده از Lazy loading کاهش زمان بارگذاری وب‌سایت است. با استفاده از این تکنیک شما می‌توانید به راحتی سرعت لود صفحات وب‌سایت خودتان را افزایش دهید. همچنین افزایش سرعت لود در سئو و مسائل دیگر نیز تأثیرگذار است.
چگونه می توانیم از Lazy Loading در صفحه سایت استفاده داشته باشیم؟
همانطور که گفته شد، Lazy Loading یا لود تنبل را می توان به عنوان یکی از مهم ترین شیوه های بهینه سازی سایت بدانیم که در دسترس ماست و می توانیم از آن استفاده داشته باشیم. در صورتی که می خواهید از این تکنیک استفاده کنید، ما در ادامه برخی از مهم ترین افزونه های مربوطه را برای شما خواهیم گفت .
افزونه BJ Lazy Load
افزونه Lazy Loading XT
افزونه Rocket Lazy Load
افزونه a3 Lazy Load