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

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

توی این آموزش با نحوه کار Native Lazy Loading در وردپرس آشنا می‌شید، یاد می‌گیرید چطور فعال بودنش رو بررسی کنید و می‌بینید کدوم تصاویر بهتره بدون تأخیر نمایش داده بشن. همین‌طور توضیح می‌دیم چرا افزونه قدیمی BJ Lazy Load انتخاب مناسبی نیست.

Lazy Load تصاویر وردپرس چطور کار می‌کنه

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

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

آیا برای Lazy Load به افزونه نیاز دارید

برای بیشتر سایت‌های به‌روز وردپرسی، جواب نه هست. وردپرس از نسخه 5.5 قابلیت بارگذاری تنبل تصاویر رو به هسته خودش اضافه کرده و ویژگی loading="lazy" رو برای تصاویر واجد شرایط می‌ذاره. می‌تونید جزئیات این قابلیت رو توی توضیحات رسمی وردپرس درباره Lazy Load تصاویر بخونید.

وردپرس از نسخه 5.7 برای iframeهای واجد شرایط هم Lazy Load داخلی داره. iframe در واقع قابیه که محتوایی مثل ویدیوی YouTube رو از یک سایت دیگه داخل صفحه نشون می‌ده. بهتره این قاب عرض و ارتفاع مشخصی داشته باشه. توضیحات بیشتر توی توضیحات رسمی وردپرس درباره Lazy Load iframeها نوشته شده.

نکته مهم: اگه وردپرس، قالب و افزونه‌هاتون به‌روز هستن، قبل از نصب هر افزونه‌ای عملکرد فعلی سایت رو بررسی کنید. چند افزونه با قابلیت مشابه ممکنه تنظیمات تکراری بسازن یا با هم ناسازگار بشن.

چرا نباید از افزونه BJ Lazy Load استفاده کنید

صفحه رسمی BJ Lazy Load در مخزن وردپرس نشون می‌ده این افزونه از ۴ مه ۲۰۲۶ به‌خاطر یک مشکل امنیتی بسته شده، برای دانلود در دسترس نیست و چند ساله به‌روزرسانی نشده. پس بهتره برای Lazy Load سراغ این افزونه نرید و از قابلیت داخلی وردپرس استفاده کنید.

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

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

روش بررسی Lazy Load تصاویر در وردپرس

برای یک بررسی ساده لازم نیست کدنویسی بلد باشید. فقط این مراحل رو به‌ترتیب انجام بدید:

1. یکی از نوشته‌های سایتتون رو باز کنید که چند تصویر داره.
2. روی صفحه کلیک راست کنید و گزینه Inspect یا «بررسی» رو بزنید.
3. توی پنلی که باز می‌شه، ابزار انتخاب عنصر رو بزنید و یکی از تصاویر پایین صفحه رو انتخاب کنید.
4. توی کد همون تصویر دنبال ویژگی loading="lazy" بگردید.
5. همین کار رو برای یک iframe پایین صفحه، مثل ویدیوی جاسازی‌شده، هم انجام بدید.

اگه این ویژگی رو روی همه تصاویر پیدا نکردید، لزوماً مشکلی نیست. وردپرس بعضی از تصاویر مهم بالای صفحه رو عمداً از Lazy Load کنار می‌ذاره. قالب، افزونه‌های بهینه‌سازی و حتی مرورگر هم می‌تونن خروجی نهایی رو تغییر بدن.

برای بررسی دقیق‌تر، سرعت همون صفحه رو قبل و بعد از هر تغییر با یک ابزار ثابت آزمایش کنید. هر بار فقط یک تنظیم رو عوض کنید تا دقیقاً بفهمید نتیجه بهتر شده یا بدتر. اگه نگران نمایش این تصاویر توی نتایج جستجو هستید، مطلب سازگاری گوگل با Lazy Load تصاویر رو هم بخونید.

کدوم تصاویر نباید Lazy Load بشن

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

LCP مدت‌زمانی رو نشون می‌ده که طول می‌کشه مهم‌ترین بخش قابل‌دیدن صفحه، مثل تصویر بزرگ بالای صفحه، نمایش داده بشه. وردپرس از نسخه 5.9 منطق Lazy Load رو بهتر کرده تا اولین تصویر یا iframe محتوایی بدون بررسی با تأخیر بارگذاری نشه. جزئیات فنی این تغییر توی گزارش رسمی بهبود Lazy Load در وردپرس 5.9 نوشته شده.

• تصویر اصلی بالای صفحه رو بدون آزمایش Lazy Load نکنید.
• لوگو یا بنری که کاربر بلافاصله می‌بینه، معمولاً انتخاب خوبی برای Lazy Load نیست.
• تصاویر پایین مقاله، گالری‌ها و iframeهای بیرون از محدوده دید، معمولاً گزینه‌های مناسب‌تری هستن.
• بعد از هر تغییر، ظاهر و سرعت صفحه رو هم روی موبایل و هم روی دسکتاپ بررسی کنید.

راه‌های بهتر برای افزایش سرعت تصاویر

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

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

نتیجه‌گیری

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

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

سؤالات متداول

تیم تولید محتوا

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