بارگذاری تنبل یا Lazy Load در وردپرس چیست؟ + افزونه برای بارگذاری تنبل

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

یکی از دلایلی که در سرعت سایت تاثیر زیادی دارد، عکس ها و ویدئوهای سایت است که اگر به درستی بهینه شوند، هم رضایت کاربر هم رضایت گوگل را به دنبال دارد.

اما آیا کم کردن حجم عکس ها کافی است؟ مسلما نه.

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

با ما همراه باشید تا با این تکنیک جذاب و طرز کار آن آشنا شوید.

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

فهرست:

• بارگذاری تنبل (Lazy Load) چیست؟
• دلایل استفاده از بارگذاری تنبل
• تأثیر بارگذاری تنبل بر سئو
• مزیت های بارگذاری تنبل
• چگونه بارگذاری تنبل را در وردپرس اضافه کنیم؟
• افزونه برای بارگذاری تنبل
• جمع بندی

بارگذاری تنبل (Lazy Load) چیست؟

بارگذاری تنبل تکنیکی است که در طراحی وب مورد استفاده قرار می گیرد.

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

یعنی سایر عناصر صفحه در زمان نیاز به نمایش می ‌آیند.

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

با این تکنیک، میتوان زمان بارگیری صفحه را بهبود بخشید و سرعت بارگذاری صفحه را کاهش داد؛ به ویژه برای صفحاتی با محتوای بسیار بزرگ مانند تصاویر و ویدئوهای با حجم سنگین مفید است.

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

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

هر کاربری انتظار دارد تا وارد سایتی میشود، در یک چشم بهم زدن عکس و محتوا بارگذاری شود.

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

اطلاعات بیشتر: چرا باید سرعت سایت خود را افزایش بدهیم؟

اولین کار کم کردن حجم عکس ها تا جای ممکن است.

دومین تکنیک استفاده از Lazy Load است.

برای درک بهتر لیزی لود، عملکرد سایت را قبل و بعد از فعالسازی بارگذاری تنبل در GTmetrix بررسی کردیم.

همانطور که می بینید رتبه سایت از C به B تغییر کرده است. عملکرد سایت ۵% افزایش داشته و حتی روی ساختار سایت هم تاثیر گذار بوده است.

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

همین تغییرات به ظاهر کوچک روی یک صفحه، کل سایت را تحت تاثیر قرار میدهد و رتبه سایت در گوگل بهتر خواهد شد.

تأثیر بارگذاری تنبل بر سئو

تأثیر بارگذاری تنبل بر سئو میتواند متغیر باشد و به عوامل مختلفی بستگی دارد، اما به طور کلی در بعضی موارد میتواند تأثیر مثبتی و در بعضی موارد تأثیر منفی بر سئو داشته باشد.

تاثیر مثبت

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

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

این کار رتبه را بهبود می بخشد و تاثیر مثبتی در سئو دارد.

تاثیر منفی

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

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

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

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

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

مزیت های بارگذاری تنبل

بارگذاری تنبل مزیت های زیادی دارد که در ادامه آن ها را معرفی میکنیم.

۱. کاهش زمان بارگذاری صفحه

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

۲. کاهش بار مرورگر

بارگزاری تصاویر یا محتوای بزرگی، بار زیادی را بر دوش مرورگر و سرور می گذارید.

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

۳. بهبود تجربه کاربری

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

۴. بهینه سازی برای موبایل

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

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

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

چگونه بارگذاری تنبل را در وردپرس اضافه کنیم؟

از ۳ راه میشود بارگذاری تنبل را در وردپرس اضافه کرد:

• وردپرس خود را به نسخه ۵.۴ یا بالاتر ارتقا دهید
• فعالسازی Lazy Loading از طریق کد عکس در HTML
• استفاده از افزونه

روش اول: وردپرس خود را به نسخه ۵.۴ یا بالاتر ارتقا دهید

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

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

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

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

روش دوم: فعالسازی Lazy Loading از طریق کد عکس در HTML

تنها کاری که باید انجام دهید این است که ویژگی بارگذاری تصویر را روی lazy تنظیم کنید. اینگونه می توانید این کار را انجام دهید.

<img src="image.jpg" alt="Description" loading="lazy">

اگر می‌ خواهید iframe‌ ها را بارگذاری تنبل کنید، باید همان ویژگی را به تگ <iframe> اضافه کنید. به این صورت:

 <iframe src="video.html" loading="lazy"></iframe>

روش سوم: استفاده از افزونه

این روش بهترین و کارآمدترین روش است. افزونه های زیادی برای بارگذاری تنبل استفاده میشود که معروف ترینشان این ها هستند:

• Lazy Load by WP Rocket

• a3 Lazy Load

• Lazy Loader

افزونه برای بارگذاری تنبل

افزونه ای که در این مقاله بررسی می کنیم، افزونه BJ Lazy Load است.

وارد قسمت افزونه > افزودن شوید و BJ Lazy Load را سرچ، نصب و فعال کنید.

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

Apply to Content: حالت Lazy Load روی محتوای اصلی فعال میشود.

Apply to Text Widgets: محتوا در بخش ابزارک‌ ها در حالت Lazy Load بارگذاری میشود.

Apply to Post Thumbnails: حالت Lazy Load روی تصاویر بندانگشتی فعال خواهد شد.

Apply to Gravatars: حالت Lazy Load روی آواتار نویسنده و کاربران فعال میشود.

Lazy Load Images: لیزی لود روی همه تصاویر سایت شما فعال میشود.

Lazy Load iframes: اگر از iframe استفاده می‌ کنید این گزینه را فعال کنید.

Skip Images with Classes: در این قسمت شما می‌توانید در صورت استفاده از CSS در تصاویر نام آن را وارد کنید تا این حالت روی آن انجام نشود.

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

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

جمع بندی

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

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

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