آقای برنامه نویس

لود تنبل تصاویر در وردپرس با افزونه BJ Lazy Load

یکی از مسائلی که روی سرعت بارگذاری صفحات وبسایت تاثیر دارد تصاویر هستند. کند بودن لود وبسایت باعث افزیش نرخ پرش میشود و همچنین سرعت بارگذاری وبسایت یکی از مهم ترین فاکتور های موتور های جستجو هست.

سلام به دوستان و همراهان همیشگی وبسایت آقای برنامه نویس. در این مقاله به لود تنبل تصاویر در وردپرس با افزونه BJ Lazy Load (لیزی لود تصاویر وردپرس) می‌پردازیم. پس همراه ما باشید.

یکی از مسائلی که روی سرعت بارگذاری صفحات وبسایت تاثیر دارد تصاویر هستند. کند بودن لود وبسایت باعث افزیش نرخ پرش میشود و همچنین سرعت بارگذاری وبسایت یکی از مهم ترین فاکتور های موتور های جستجو هست.

در سال 2016 گوگل اعلام کرد طبق تحقیقاتی که انجام داده، 53 درصد از کاربرانی موبایلی سایت وقتی که باز شدن سایت بیشتر از 3 ثانیه زمان ببرد، صفحه را بسته و به سراغ یک سایت دیگر میروند. (البته آمار صبر کاربران مطمئنا با توجه به اینترنت ایران، چند ثانیه بیشتر است.)

یکی از بهترین روش های افزایش سرعت لود صفحات وبسایت کم کردن حجم تصاویر است. و یکی از بهترین افزونه ها برای کاهش حجم عکس های وبسایت افزونه اسماش پرو هست. اما در صورتی که وبسایت وردپرسی شما تصاویر زیادی داشته باشد و همه آن ها را هم فشرده سازی شده باشند، باز هم ممکن است به علت تعداد بالای تصاویر صفحات وبسایت باعث دیر لود شدن وبسایت شما شود. به همین علت علاوه بر کاهش حجم تصاویر باید به فکر راه حل دیگری هم باشید.

lazyloading in angular | آقای برنامه نویس | آموزش المنتور وردپرس

روش کار افزونه ای که قصد معرفی اش را داریم به این شکل هست که وقتی وب سایت شما لود میشود تصاویر وبسایت به صورت یکجا لود نمیشوند و وقتی کاربر با اسکرول به تصویر نزدیک میشود عکس ها به ترتیب لود می شوند!

مزایای لود تنبل تصاویر

مزایای استفاده از لیزی لود تصاویر وردپرس:

  • افزایش سرعت لود وب سایت،
  • کاهش نرخ پرش سایت، (جلوگیری از خروج کاربرانی که به دلیل سرعت پایین قصد ترک کردن سایت را داشتند.)
  • کاهش مصرف پهنای باند صفحه شما، (تصاویر صرفا تا جایی دانلود میشوند که کاربر صفحه را اسکرول کند و مابقی آنها دانلود نمیشوند)
  • و… .

لود تنبل تصاویر در وردپرس با افزونه BJ Lazy Load

برای لود تنبل تصاویر در وردپرس ابتدا باید افزونه BJ Lazy Load را نصب و فعال کنید. چنانچه با روش نصب پلاگین وردپرس آشنایی ندارید مقاله آموزش نصب افزونه وردپرس را مطالع کنید. بعد از نصب و فعال سازی افزونه به بخش تنظیمات » BJ Lazy Load بروید.

لود تنبل تصاویر در وردپرس با افزونه BJ Lazy Load

سپس در صفحه باز شده با تنظیمات زیر مواجه خواهید شد.

لود تنبل تصاویر در وردپرس با افزونه BJ Lazy Load

تنظیمات لیزی لود تصاویر وردپرس

Apply to content => با فعال سازی این بخش تصاویر نوشته ها و محصولات بصورت لیزی لود بارگیری خواهند شد. توصیه ما: فعال

Apply to text widgets => با فعال سازی این بخش تصاویر ابزارک های سایت بصورت لیزی لود بارگیری خواهند شد. توصیه ما: فعال

Apply to post thumbnails => فعال سازی لود تنبل برای تصاویر بند انگشتی. توصیه ما: فعال

Apply to gravatars => فعال سازی لود تنبل برای گراواتار های کاربران. توصیه ما: فعال

Lazy load images => فعال سازی لود تنبل برای تصاویر قالب سایت شما. توصیه ما: فعال

Lazy load iframes => فعال سازی لود تنبل برای آی فریم ها. توصیه ما: فعال

Placeholder Image URL => قبل از بارگیری تصویر اصلی، تصویر مورد نظر شما را نشان می دهد. آدرس URL تصویر سفارشی خود را در این فیلد وارد کنید.

Skip images with classes => با وارد کردن کلاس های سفارشی، بارگیری تنبل را برای تصاویری که کلاس های وارد شده را دارند غیر فعال کنید.

Threshold => برای لود تنبل تصویر چقدر باید به ویپورت نزدیک باشد. بر حسب پیکسل مثال: 200

Use low-res preview image => قبل از بارگیری تصویر اصلی، یک تصویر پیش نمایش با وضوح پایین را نشان می دهد.

فراموش نکنید که در آخر بر روی دکمه ذخیره تغییرات یا همان Save Changes کلیک کنید. شما هم اکنون می توانید وب سایت خود را با سرعت بیشتری همراه با بارگذاری تنبل تصاویر مشاهده کنید.

البته افزونه های بسیار زیادی برای لود تنبل تصاویر در وردپرس وجود دارد. برای مثال افزونه اسماش پرو که در ابتدای مقاله به آن اشاره کردیم از این قابلیت پشتیبانی میکند. با کمک پلاگین های زیر میتوانید نیز لود تنبل تصاویر در وردپرس را فعال کنید.

  1. افزونه a3 Lazy Load
  2. افزونه لود تنبل کد و تصاویر وردپرس Lazy Load XT
  3. افزونه Rocket Lazy Load
  4. افزونه اسماش پرو
  5. افزونه لایت اسپید کش

کلام آخر

خب، به انتهای مقاله لیزی لود تصاویر در وردپرس رسیدیم. در این مقاله ابتدا فهمیدیم که لود تنبل سایت چیست، چطور کار میکند و مزایای استفاده از آن دقیقا چه چیزی است. سپس با 6 افزونه معتبر وردپرسی lazy loading آشنا شدیم که میتوانند قابلیت لود تنبل را روی وب سایت شما فعال کنند. امیدوارم از مطالعه این مقاله لذت برده باشید. اگر سوالی هست، در بخش نظرات منتظر شما هستم.

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام آقای برنامه نویس عضو شوید.
سعید حسنی
سعید حسنی
محتوا پادشـــاه است، با تایپ هر کلمه یک قدم به هدفـم نزدیک تـر میشم...
سعید حسنی
سعید حسنی
محتوا پادشـــاه است، با تایپ هر کلمه یک قدم به هدفـم نزدیک تـر میشم...

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پاسخ خود را پیدا نکردید؟
همکاران ما آنلاین هستند تا پاسخگوی سوالات شما باشند حتما سوال خود را در بخش دیدگاه ها بپرسید.
آموزش افزونه دستیار سلامت
آموزش راه اندازی افزونه دستیار سلامت

آموزش راه اندازی افزونه دستیار سلامت تنها افزونه ایرانی محاسبه توده بدنی و بررسی سلامتی و تناسب اندام کاربران https://files.mr-programer.ir/videos/dastyar-salamat-plugin.mp4 امروزه افراد به تناسب اندام

جلسه ۲: حداقل سیستم مورد نیاز برای المنتور - آقای برنامه نویس
جلسه 2: حداقل سیستم مورد نیاز برای المنتور

برای کارکرد صحیح افزونه المنتور، پیش نیاز هایی وجود دارد و منابع هاست شما باید حداقل سیستم مورد نیاز برای المنتور رو داشته باشد. البته محیا کردن این پیش نیاز ها کار دشواری نیست و به سادگی قابل انجام است.

اتصال MailChimp به المنتور (اتصال میل چیمپ به المنتور)
اتصال MailChimp به المنتور، ساخت فرم عضویت در خبرنامه

یکی بهترین روش های بازاریابی، ایجاد کمپین های ایمیل مارکتینگ و ارسال ایمیل به کاربران هدف می باشد. حال MailChimp یک سیستم پیشرفته تحت وب می باشد که یک نسخه رایگان برای ساخت کمپین های مختلف و ارسال ایمیل به صورت انبوه در اختیار شما می گذارد.

افزونه مستر پک برای افزونه صفحه ساز المنتور
افزونه مستر پک در مخزن وردپرس به‌صورت رایگان منتشر شد!

افزونه مستر پک ده ها تمپلیت های فارسی فوق العاده زیبا را به کتابخانه المنتور اضافه می کند، این تمپلیت های آماده را تیم طراحی آقای برنامه نویس بصورت کاملا حرفه ای طراحی و در دسترس شما قرار می دهند. همچنین چندین فونت فارسی و آیکن پک ایرانی را نیز به افزونه صفحه ساز المنتور می افزاید.

ساخت دکمه گرادیانت در المنتور، بدون افزایه جانبی
ساخت دکمه گرادیانت در المنتور، بدون نیاز به افزایه جانبی

تیم توسعه المنتور در آپدیت 3.2.1 امکانات جالبی به افزونه المنتور اضافه کرده است. یکی از این امکانات قابلیت ساخت دکمه گرادیانت در المنتور بدون نیاز به افزونه جانبی دیگری هست، که باعث میشود ظاهر دکمه های ساخته شده با المنتور بسیار زیباتر شود.

قابلیت کد کوتاه ضروری در افزونه المنت پک - آقای برنامه نویس
قابلیت کد کوتاه ضروری در افزونه المنت پک

استفاده از کد های کوتاه در نوشته ها و بخش های سایت امکانات زیادی را برای ما فراهم میکند. در این مقاله ما به بررسی ویژگی کد کوتاه ضروری در افزونه المنت پک می‌پردازیم. پس با ما همراه باشید…

تغییرات وردپرس 5.7 - آقای برنامه نویس
وردپرس 5.7 منتشر شد!

در ، وردپرس رنگ های تازه ای را برای شما به ارمغان می آورد. ویرایشگر جدید به شما کمک می کند بخش های مختلفی را که قبلاً نمی توانستید طراحی کنید، بدون کد نویسی شخصی سازی کنید.

طراحی صفحه در دست تعمیر وردپرس با المنتور
طراحی صفحه در دست تعمیر وردپرس با المنتور

وردپرس برخی اوقات به بروزرسانی و تعمیر احتیاج داره. و هنگامی که وبسایت در دست تعمیر و دیباگ هست برای حفظ امنیت وبسایت نمیتوان وبسایت را در دسترس بازدید کنندگان قرار داد. به همین دلیل هنگام تعمیر وبسایت، ترجیحاً حالت تعمیر رو فعال میکنند!

اشتراک گذاری

اشتراک گذاری در twitter
اشتراک گذاری در pinterest
اشتراک گذاری در whatsapp
اشتراک گذاری در telegram