لود تنبل یا Lazy Loading چیست + مزایای تکنیک لود تنبل

لود تنبل یا Lazy Loading چیست؟

Lazy Loading یا لود تنبل یکی از شیوه هایی است که برای بهبود سئو سایت مورد استفاده قرار می گیرد.

Lazy Loading یا لود تنبل در واقع به بارگذاری تصاویر و ویدئو ها بعد از بارگذاری محتوا و قالب اصلی سایت

و در هنگام نیاز اشاره دارد.

تصور کنید که در یک وب سایت شما در انتهای صفحه یک محتوای ویدئویی بارگذاری کرده اید تا به کاربر نمایش داده شود.

این محتوا در واقع تا زمانی که صفحه به قسمت مورد نظر Scroll نشود کاربردی ندارد

و اصلا لزومی ندارد که این ویدئو نمایش داده شود.

همچنین در صورتی که میزان حجم سایت در بارگذاری اولیه زیاد باشد، قطعا شما مخاطبان زیادی را از دست می دهید.

در واقع شما می توانید با Lazy Loading این بارگذاری های نامربوط به بالای صفحه را به زمانی موکول کنید

که کاربر به آن ها نیاز داشته باشد.

مزایای تکنیک لود تنبل یا Lazy Loading عبارت اند از:

1. کاهش چشم گیر زمان لازم برای بارگذاری (نمایش محتوای اولیه) صفحات وب سایت شما (مخصوصاً در وب سایت هایی که تصاویر زیادی دارند).
2. کاهش استفاده از پهنای باند وب سایت شما؛ بسیاری از کاربران تا آخر صفحه اسکرول نمی کنند و تصاویر بیهوده برای آنها بارگذاری می شود.
3. کاهش استفاده از پهنای باند شما باعث کاهش هزینه های پرداخت و نگهداری سرور می شود. بنابراین پول کمتری از جیب شما می رود و در عین حال سرور ها کمتر اشغال هستند که طبیعتا باعث افزایش سرعت وب سایت شما می شوند.اگر در وب سایت خود از جاوا اسکریپت برای نمایش محتوا به کاربران خود استفاده می کنید باید بدانید بارگذاری DOM بسیار حیاتی خواهد بود. یکی از کارهای شایع اسکریپت ها، توقف تا بارگذاری کامل DOM است؛

فعال‌سازی Lazyloading در وردپرس

همانطور که گفته شد، Lazy Loading را می‌توان به عنوان یکی از مهم‌ترین شیوه‌های بهینه‌سازی و سئو سایت است که می‌توانیم از آن استفاده کنیم.

برخی از مهم‌ترین افزونه‌های مربوط به Lazyloading

افزونه bLazy.js

این افزونه می‌تواند یکی از بهترین انتخاب‌ها برای بسیاری از سایت‌های وردپرسی به شمار رود

که به سادگی در دسترس کاربران وردپرس است. به راحتی می‌توانید نسبت به نصب کردن این افزونه اقدام نمایید.

پلاگین bLazy.jsیک پلاگین سبک (حجم حدود 1.2 کیلوبایت) و مستقل برای جاوااسکریپت است.

نکات زیر از ویژگی‌های آن به شمار می‌رود:

1. اجرای تکنیک لود تنبل بر روی تصاویرِ متن و تصاویر پس‌زمینه
2. بارگذاری تصاویر متفاوت براساس سایز صفحه نمایش دستگاه کاربر
3. اجرای تکنیک لود تنبل بر روی هر عنصری با ویژگی src
4. پشتیبانی از مرورگرهای قدیمی مثل IE7 و IE8
5. استفاده از CDN

افزونه Lazy Loading XT

این افزونه یکی از افزونه‌های محبوب در دنیای طراحی سایت‌های وردپرسی به شمار می‌رود.

پس از فعال‌سازی، افزونه در منو تنظیمات یک زیر منو Lazy Load XT ایجاد می‌کند و شما می‌توانید از آن طریق افزونه را پیکربندی کنید.

شما علاوه بر لود تنبل می‌توانید فایل‌های جاوااسکریپت و css را Minify کنید.

کتابخانه های جاوااسکریپت و css را توسط انواع CDN مانند CloudFlare لود کنید و اسکریپت‌ها را به فوتر وردپرس منتقل کنید.