(Lazy load) لیزی لود چیست؟

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

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

لیزی لود (Lazy Load) چیست ؟

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

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

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

با توجه به این مسائل به نظر شما باید چه کار کرد؟ خب یکی از روش‌هایی که می‌توان استفاده کرد و در دوره آموزش سئو نیز به آن پرداخته شده است، روش بارگذاری تنبل است که به آن لیزی لود (Lazy Load) نیز گفته می‌شود.

لیزی لود قابلیتی است که اگر در سایت خود فعال کنید با توجه به نیاز کاربر المان‌ها لود می‌شوند یعنی تمام تصاویر و رسانه‌های موجود در سایت همگی با هم دانلود نمی‌شوند، دانلود یکباره همه تصاویر و ویدئوها موجب کاهش سرعت لود سایت می شود. بلکه به مرور و با اسکرول کاربر به سمت پایین صفحه به هر عکس یا ویدئویی که می‌رسید شروع به دانلود می‌کند و همین تاخیر در بارگذاری تصاویر با توجه به اولویت سبب می‌شود از نظر کاربر سایت سریع‌تر به نظر برسد و کاربر را خسته نکند. این مزیت در افزایش رضایت کاربران بسیار تاثیرگذار است. اهمیت سرعت بارگذاری تصاویر و ویدئوها از آن جهت است که امروزه یکی از محتواهای کاربرپسند، ویدئوها و تصاویر می باشند. می توانید مقاله ( روش های تولید محتوای سئوپذیر ) را مطالعه کنید.

معرفی 4 افزونه وردپرسی برای لیزی لود (Lazy Load)

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

متأسفانه، تصاویر و ویدیوها می‌توانند سنگین باشند و سرعت سایت را کم کنند. سوال این است: چگونه مطمئن شویم که صفحات وب ما سریع بارگذاری می شوند حتی اگر از تصاویر و ویدیوهای زیادی استفاده کنیم؟

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

1- افزونه WP Rocket

افزونه WP Rocket یک افزونه بسیار سبک وزن است و یکی از محبوب‌ترین ابزارهایی است که به شما کمک می‌کند تصاویر و ویدیوهای خود را فقط زمانی که کاربران دقیقاً بالای صفحه هستند برای آن‌ها قابل مشاهده کنید.

در این افزونه تمام رسانه‌های موجود در وب‌سایت مورد توجه قرار می‌گیرند. آواتارها، تصاویر کوچک، iframes، ویدیوهای YouTube، تصاویر پس‌زمینه، و تصاویر معمولی.

 بنابراین سرعت هرگز به خطر نمی‌افتد. این افزونه سبک وزن (2 کیلوبایت) است اما بسیار قدرتمند است. کمی جاوا اسکریپت را به هدر سایت شما تزریق می کند و تصاویر را در سراسر سایت بدون استفاده از کتابخانه جاوا اسکریپت مانند jQuery به تاخیر می اندازد.

 همچنین می‌توانید iframe‌های یوتیوب را با یک تصویر کوچک پیش‌نمایش جایگزین کنید تا زمان بارگذاری وب‌سایت خود را افزایش دهید.

پیشنهاد مطالعه: زامبی پیج چیست؟ Zombie Page

2- افزونه a3 Lazy Load

a3 Lazy Load شناخته شده‌ترین افزونه‌ای است که به طور انحصاری به بارگذاری تنبل اختصاص دارد. این افزونه موبایل‌گرا و کاربرپسند است.

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

عکس‌های شما سریع‌تر بارگیری می‌شوند و به سرعت فرآیند را تغییر می‌دهند تا روی ویدیوها و iframe اجرا شوند.

 همچنین می‌توانید در هنگام بارگذاری تصاویر، چند انیمیشن با جلوه های Fade In و Spinner اضافه کنید.

یک نکته مهم: a3 Lazy Load را فقط می‌توان برای رسانه‌هایی اعمال کرد که با استفاده از توابع اصلی وردپرس اضافه شده‌اند. اگر برنامه‌نویس پلاگین شما، اشیایی مانند تصاویر یا ویدیوها را از طریق یک تابع نوشته شده سفارشی اضافه کند، a3 lazy Load نمی‌تواند بداند که آن تابع سفارشی چیست و نمی‌تواند اسکریپت بار تنبل را روی یک شی اعمال کند.

3- افزونه Smush

Smush یک پلاگین بهینه سازی تصویر با بیش از 1 میلیون نصب فعال است. این افزونه توسط تیم معروف WPMUDEV توسعه یافته است.

دو ویژگی اصلی آن عبارتند از بارگذاری تنبل تصاویر و بهینه سازی و فشرده سازی تصاویر.

 با Smush، تصاویر موجود در وب سایت شما، عملکرد وب‌سایت را کاهش نمی‌دهند.

شما به راحتی می توانید با چند کلیک افزونه Smush را فعال کنید.

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

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

 این افزونه با سایر افزونه‌های وردپرس سازگار است و می‌توانید وب سایت خود را بهینه نگه دارید و در نتیجه بازدیدکنندگان وب سایت را حفظ می‌کنید. همچنین، برای فعال‌سازی این افزونه، نیازی به خرید نسخه پریمیوم Smush ندارید. شما به راحتی می‌توانید نسخه رایگان را از مخزن وردپرس دانلود کنید.

پیشنهاد مطالعه: کنیبالیزیشن چیست؟

4- افزونه Lazy Load for Videos

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

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

این افزونه دارای امتیازات اضافی است که هر کاربری از آن‌ها قدردانی می کند:

• می توانید به راحتی جاسازی‌های وب سایت خود را طوری تنظیم کنید که پس از پایان اولین ویدیو، یک ویدیو در وب سایت خود به صورت خودکار پخش شود.
• حاشیه‌نویسی‌ها و کنترل‌های YouTube را پنهان می‌کند تا ظاهری تمیز به شما بدهد.
• می‌توانید سبک دکمه پخش را تغییر دهید.
• پس از پایان ویدیو، پیشنهادات مربوط به ویدیو را به حداقل برسانید.

 Lazy Load for Videos یک افزونه رایگان وردپرس است و می توانید آن را به صورت رایگان از مخزن وردپرس دانلود کنید.

دانلود افزونه Lazy Load for Videos

آیا لیزی لود برای سایت ما ضروری است؟

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

سخن پایانی

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