بارگذاری تنبل چیست + معرفی افزونه برای وردپرس
اگر صحفههات وب سایت سبک باشد ، باعث کاهش سرعت بارگذاری سایت شما می شود همچنین اگر استفاده از چنین صفحاتی به صورت بهینهشده نباشد و سبب کاهش سرعت بارگذاری سایت شود، ممکن است برای دیدهشدن سایت توسط کاربران زمان زیادی نیاز باشد که مورد رضایت کاربر نخواهد بود.در این مقاله می خواهیم بدانیم بارگذاری تنبل چیست و با افزونه ای در این زمینه برای وردپرس آشنا شویم.
بارگذاری تنبل یا Lazyload چیست؟
در این روش تا زمانی که کاربر اقدام به بازدید از سایر بخشهای یک سایت یا اپلیکیشن نکرده باشد، آن بخش برای کاربران بارگذاری نمیشود تا زمانی که کاربر بخواهد از آنها بازدید کند. این روش سبب میشود تا بخشهای مختلف یک صفحه به صورت بخش بخش بارگذاری شوند و سرعت بارگذاری سایت را افزایش میدهد. همچنین باتوجه به اینکه بخشهای اضافی و مشاهده نشده هنوز بارگذاری نشدهاند، ترافیک کمتری را از کاربران دریافت میکند.
حالت eager loading چیست؟
این روش کاملا برعکس روش بارگذاری تنبل می باشد.eager loading یا بارگذاری حریصانه است که در میان اصطلاحات وب زیاد دیده میشود. در این حالت بدون آنکه کاربر به بخشهای دیگر وبسایت یا اپلیکیشن نیاز داشته باشد، تمامی بخشها بارگذاری میشوند و در صورت بازدید کاربر از آن دیگر نیازی به بارگذاری مجدد نیست! در این روش حتی اگر کاربر نیازی به بخشهای دیگر هم نداشته باشد، بازهم سیستم اقدام به بارگذاری آن قسمتها برای کاربر میکند که سرعت بارگذاری یک صفحه از سایت یا اپلیکیشن را کاهش میشود و ترافیک کاربر را دریافت میکند.(برای یادگیری طراحی سایت با وردپرس می توانید از دوره آموزش وردپرس + سئو وردپرس کدفرند استفاده کنید).
پیشنهاد شگفت انگیز کدفرند،دسترسی به تمامی دوره های آموزشی کدفرند تنها با ۶۹ هزار تومان
تأثیر بارگذاری تنبل بر سئو
ازآنجاکه منابع نسبت به محتوای جایگزین در حالت پیشفرض قرار میگیرد، خزنده یک موتور جستجو ممکن است آن را بد تفسیر کند یا بهصورت کامل منابع را نادیده بگیرد. بارگذاری تنبل یک عنصر کامل از یک صفحه وب مانند پست وبلاگی میتواند بهصرف نظر کردن موتورهای جستجو از خزیدن منجر شود. این کار درنهایت به کاهش تعداد نتایج موتورهای جستجو میانجامد؛ چراکه تعداد محتوای کمتری ایندکس میشود.
یکی از ترفندهای غلبه بر این مشکل، تهیه لینک برای محتواهایی است که lazy loading دارند. وقتی موتور جستجو یک وبسایت را ایندکس میکند، این موتور جستجو لینکها را دنبال کرده و محتواهای پیداشده را ایندکس میکند. این روش اساساً یک وبسایت با بارگذاری تنبل را به یک وبسایت سنتی تبدیل میکند، اما با اینحال کاربران همچنان میتوانند محتوا را بهصورت پویا بارگذاری کنند.
مزیت های بارگذاری تنبل یا Lazyload
- بازگذاری تنبل یا Lazy loading باعث ایجاد تعادل میان بهینهسازی تحویل محتوا و سادهسازی تجربه نهایی کاربری میشود.
- ازآنجاکه در این رویکرد تنها بخشی از صفحه در صورت نیاز کاربر دانلود میشود، درنتیجه کاربر میتواند سریعتر با محتوا ارتباط برقرار کند.
- هزینهای که کسبوکارها برای منابع خود میپردازند کاهش مییابد؛ چراکه محتوا تنها در صورت درخواست کاربر بارگذاری میشود.
معرفی افرونه وردپرس BJ Lazy Load
افزونه BJ Lazy Load یک افزونه بسیار محبوب در بین کاربران وردپرسی میباشد و در بیشتر از 40 هزار وب سایت وردپرسی نصب شده و فعال است و بر اساس 60 بازخورد منتقدان ، رتبه 4.1 را از 5 دریافت کرده است.
نصب و فعالسازی بی درد سری دارد و کافیست وارد بخش افزودن افزونه در وردپرس شوید عبارت BJ Lazy Load را جستوجو کنید ، بعد از یافتن افزونه آن را نصب کنید ، سپس فعالسازی کنید . بعد از فعالسازی در منوی تنظیمات یک زیر منو به نام BJ Lazy Load ساخته میشود.(برای یادگیری طراحی سایت با وردپرس می توانید از دوره آموزش وردپرس + سئو وردپرس کدفرند استفاده کنید)
تمامی تنظیمات لود تنبل برای شما به صورت پیشفرض انجام خواهد شد و شما درصورتی که یکی از تنظیمات توسط پوسته شما قابل انجام نبود ، میتوانید مشکل را شناسایی و با غیرفعالسازی آن قسمت مشکل را حل کنید.
یک گزینه که در این افزونه و در دو افزونهی دیگر معرفی شده موجود است امکان اضافه کردن لینک یک تصویر برای قرارگیری هنگام لود تصاویر و ویدیوها میباشد که پس از لود تصاویر حذف میشود و تصویر و ویدیو اصلی جایگزین میشود. البته ، برای استفاده از این گزینه شما باید یک تصویر کوچک و با رزولوشن پایین طراحی کنید که به لود وب سایت آسیب نزند.
برای گرفتن سبکترین و بینظیرترین نتیجه ممکن ، من توصیه میکنم که یک تصویر تک رنگ و همرنگ با پس زمینه پوسته با فرمت png تهیه کنید.
همچنین شما میتوانید بعضی از class های CSS موجود در فایل html صفحه را نیز در لیست عبور (محروم) قرار دهید تا آن class ها به صورت لود تنبل ، لود نشوند. سپس بعد از اینکار شما میتوانید آن class ها را به فیلم ها و تصاویری که قصد ندارید به صورت تنبل لود شوند بدهید تا به صورت عادی لود شوند. در نهایت ، شما میتوانید مقدار لازم برای نزدیکی برای نمایش تصاویر قبل از دانلود و نمایش را بشناسید.
افزونه BJ Lazy Load رفتار پیشفرض وردپرس در مورد تصاویر را به طور کامل تغییر میدهد. ویژگی data-lazy-srcset جایگزین ویژگی srcset میشود و نتیجه نهایی این است که به جای پایین آوردن اندازه و وضوح تصویر ، تصویر با وضوح و اندازه کامل به صورت تنبل، لود خواهد شد.