رفتن به محتوای اصلی

نحوه استفاده از Lazy Load برای بارگذاری تصاویر در وردپرس

Divi: ساده ترین قالب وردپرس برای استفاده

Divi: بهترین تم وردپرس تمام وقت!

بیشتر دانلود 901.000، Divi محبوب ترین تم وردپرس در جهان است. این کامل، آسان برای استفاده است و همراه با بیش از قالب های رایگان 62. [توصیه شده]

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

Lazy Load تکنیکی است که به وب سایت شما اجازه می دهد فقط هنگامی که کاربر به یک تصویر خاص پیمایش می کند ، فقط تصاویر را بارگذاری کند ، که باعث کاهش زمان بارگذاری وب سایت و بهبود عملکرد وب سایت می شود.

اکثر وب سایت های پرطرفدار که دارای تصاویر سنگین هستند از Lazy Load برای بارگیری استفاده می کنند افزایش سرعت و عملکرد وب سایت

در این مقاله ، نحوه بارگذاری تصاویر در وردپرس با استفاده از Lazy Load را به شما نشان می دهیم.

چرا تنبل بارگذاری تصاویر در وردپرس؟

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

هیچ کس وب سایت های کند را دوست ندارد. در واقع ، یک مطالعه عملکرد نشان داد که یک ثانیه تأخیر در زمان بارگذاری صفحه منجر به 7 convers تبدیل کمتر ، 11 view بازدید صفحات کمتر و 16 satisfaction رضایت مشتری کمتر می شود.

برای بارگذاری تصاویر از بار تنبل استفاده کنید

موتورهای جستجو مانند گوگل نیز بارگیری وب سایت ها را دوست ندارند. به همین دلیل وب سایت های سریعتر در نتایج جستجو رتبه بالاتری دارند.

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

یکی از راه های مقابله با این وضعیت استفاده از a است سرویس CDN. CDN به کاربر اجازه می دهد تا تصاویر را از سرور وب نزدیک به خود بارگیری کرده و سرعت بارگذاری وب سایت را کاهش دهد.

با این حال ، تصاویر شما همچنان بارگیری می شوند و بر زمان بارگذاری کلی صفحه تأثیر می گذارد. برای حل این مشکل ، می توانید بارگذاری تصاویر را با اجرای بارگذاری تنبل یا Lazy Load در وب سایت خود به تأخیر بیندازید.

بارگذاری تنبل تصاویر چگونه کار می کند؟

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

هنگامی که کاربر به پایین اسکرول می کند ، وب سایت شما تصاویری را که در قسمت نمایش مرورگر قابل مشاهده هستند بارگذاری می کند.

بارگذاری تنبل می تواند برای وبلاگ وردپرس شما بسیار مفید باشد.

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

انتشار وردپرس 5.5 بارگذاری تنبل را به عنوان ویژگی پیش فرض اضافه کرد.

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

توجه داشته باشید: اگرچه بارگذاری تنبل یا Lazy Load به بهبود سرعت بارگذاری وب سایت کمک می کند ، اما همیشه باید تصاویر را قبل از بارگذاری آنها در وردپرس برای حداکثر عملکرد برای وب بهینه سازی کنید.

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

روش 1. بارگذاری تصاویر تنبل در وردپرس با موشک WP

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

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

پس از نصب و فعال سازی ، همه تنظیمات پیش فرض ذخیره سازی توصیه شده ، سرعت وب سایت وردپرس شما را به طور چشمگیری افزایش می دهد.

به راحتی وب سایت خود را با Elementor بسازید

Elementor به شما امکان می دهد تا با طراحی حرفه ای هر طراحی وب سایت را به راحتی ایجاد کنید. هزینه کارهایی را که می توانید انجام دهید ، متوقف نکنید. [رایگان]

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

برای بارگذاری تصاویر از بار تنبل استفاده کنید

روش 2. بارگذاری تصاویر تنبل در وردپرس با Optimole

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

اگر بیش از 5 بازدید کننده در ماه داشته باشید ، به آن نیاز خواهید داشت نسخه حق بیمه.

هنگام فعال سازی ، به رسانه »Optimole، سپس برای یک کلید API ثبت نام کنید

فقط بر روی دکمه کلیک کنید ثبت نام و کلید API ایمیلو برای شما ایمیل می شود.

سپس کلید API خود را وارد کرده و روی "کلیک کنید" به سرویس OptiMole وصل شوید '.

پس از آن ، روی برگه کلیک کنید " تنظیمات ".

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

سپس بر روی گزینه منو کلیک کنید " پیشرفته »و« Lazyload »را انتخاب کنید.

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

اول از همه ، می توانید " ابتدا حذف شود تصاویر از تنبلی " این مانع از اولین تصاویر شما می شود مقالات یا صفحات برای استفاده از بار تنبل

اگر می خواهید هر تصویر با تنبلی بارگیری شود ، می توانید این گزینه را روی 0 تنظیم کنید.

سپس می توانید گزینه "را فعال کنید مقیاس تصاویر '.

آیا شما به دنبال بهترین تم ها و پلاگین های وردپرس هستید؟

بهترین پلاگین ها و تم های وردپرس را در Envato دانلود کنید و به راحتی وب سایت خود را ایجاد کنید. در حال حاضر بیش از 49.720.000 دریافت می کند. [EXCLUSIVE]

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

پس از آن می توانید تنظیمات را فعال کنید " Lazyload را برای تصاویر پس زمینه فعال کنید '.

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

تنظیم دیگری که می توانید فعال کنید بارگذاری تنبل ویدئوهای جاسازی شده و iframes است. اگر محتوای ویدئویی جاسازی شده زیادی دارید ، باید این تنظیم را فعال کنید.

این کار به جای ویدئو ، یک تصویر متغیر را بارگذاری می کند. وقتی روی آن کلیک می کنید ، ویدیو کامل بارگیری می شود.

می توانید به سفارشی سازی این تنظیمات ادامه دهید و ببینید چه چیزی برای وب سایت و تصاویر شما بهتر عمل می کند.

قبل از خروج از تنظیمات افزونه ، حتماً روی "کلیک کنید" ذخیره تغییرات '.

همچنین برخی از افزونه های برتر WordPress را کشف کنید  

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

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

1. ARMember

ARMember یک افزونه محافظت از محتوای WordPress است. این یک راه حل منحصر به فرد است که به شما امکان می دهد در هر وب سایت مشترک اشتراک بفروشید. این مجموعه ابزارهای مختلفی دارد که می تواند به طور کامل یا جزئی از محتوای آن محافظت کند.

پلاگین عضویت در وردپرس ARMember

یکی دیگر از ویژگی های آن این واقعیت است که گزینه رایگان ارائه می دهد که از نظر عملکرد کمی محدود است. صحبت از ویژگی ها ، این پلاگین قدرتمند وردپرس در میان سایر موارد ارائه می دهد:

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

در این طاقچه نیز مرجع است.

دانلود | نسخه ی نمایشی | میزبانی وب 

2. نمایش مالیات کشور توسط WooCommerce

Tax Display By Country برای WooCommerce افزونه ای است که به شما امکان می دهد بسته به کشور بازدید کننده ، قیمت محصولات را با یا بدون مالیات نمایش دهید. همچنین به شما امکان می دهد کشور صورتحساب بازدید کننده را از قبل انتخاب کنید. نمایش مالیات کشور توسط WooCommerce

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

دانلود | نسخه ی نمایشیمیزبانی وب

3. نرم افزار پنجره ی صاف

Slick Popup Pro یک افزونه وردپرس نسبتاً ساده و سبک وزن است که هر فرم ایجاد شده توسط این افزونه را تبدیل می کند فرم تماس با 7 در یک پنجره او از فرم استفاده می کند و آن را به یک ظاهر زیبا و کاملا پاسخگو تبدیل می کند.افزونه پنجره وردپرس Slick Popup Pro

به راحتی فروشگاه آنلاین خود را ایجاد کنید

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

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

دانلود | نسخه ی نمایشی | میزبانی وب

سایر منابع پیشنهادی

ما همچنین از شما دعوت می کنیم تا با منابع زیر مشورت کنید تا بیشتر در کنترل و کنترل وب سایت و وبلاگ خود باشید.

نتیجه

وولا! این برای این آموزش است. امیدواریم این مقاله به شما در یادگیری نحوه بارگذاری تنبلی تصاویر در وردپرس کمک کرده باشد. دریغ نکنید با دوستان خود در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس.

در ضمن ، در مورد خودتان به ما بگویید نظر و پیشنهادات در بخش اختصاصی

...  

این مقاله حاوی نظرات 0

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

آدرس ایمیل شما منتشر نخواهد شد. علامت گذاری شده اند *

این سایت از Akismet برای کاهش ناخواسته استفاده می کند. در مورد نحوه استفاده از اطلاعات نظرتان بیشتر بدانید.

بازگشت به بالا