جدید!
سرور ابری ساعتی فعال شد. ۱۰۰ هزار تومان اعتبار هدیه بگیرید
به اشتراک بگذارید
سئو | بلاگ وبداده
Lazy Load در وردپرس؛ راهنمای کامل لود تدریجی صفحات
بارگذاری تنبل (Lazy Load) یکی از سادهترین راهها برای بالا بردن سرعت سایت وردپرسی است. در این راهنما یاد میگیرید این قابلیت چگونه کار میکند، چطور آن را کنترل کنید و چه زمانی به افزونه نیاز دارید.
Lazy Load در وردپرس یعنی تصاویر و ویدیوها بهجای آنکه همگی هنگام باز شدن صفحه دانلود شوند، فقط زمانی بارگذاری میشوند که کاربر به آنها نزدیک میشود. نتیجه، بارگذاری اولیه سریعتر، مصرف پهنای باند کمتر و تجربه کاربری بهتر است. خبر خوب این است که وردپرس از نسخه 5.5 این قابلیت را بهصورت بومی و خودکار دارد و در بیشتر سایتها بدون نصب هیچ افزونهای فعال است. در این مقاله میبینیم این قابلیت دقیقاً چطور کار میکند، چطور آن را بررسی، فعال یا غیرفعال کنید، چه زمانی افزونه لازم میشود و چه معایبی دارد.
- قابلیت بومی: وردپرس از نسخه 5.5 ویژگی
loading="lazy"را خودکار به تصاویر و از 5.7 به iframeها اضافه میکند. - فقط با ابعاد مشخص: این کار فقط روی تصاویری انجام میشود که عرض و ارتفاع دارند تا از پرش چیدمان (CLS) جلوگیری شود.
- تصویر اول مستثناست: از نسخه 5.9 اولین تصویر صفحه برای حفظ سرعت نمایش (LCP) از حالت تنبل خارج میشود.
- افزونه چه زمانی؟ برای ویدیوهای پسزمینه، اسلایدرها یا کنترل دقیقتر میتوانید از افزونههایی مثل a3 Lazy Load استفاده کنید.
- صادقانه: اگر اشتباه تنظیم شود، lazy load میتواند سرعت ظاهری و امتیاز سئوی شما را کاهش دهد.
در یک نگاه
بارگذاری تنبل (Lazy Load) روشی است که در آن منابع سنگین صفحه مثل تصاویر و iframeها تا لحظه نیاز (نزدیک شدن به دید کاربر) بارگذاری نمیشوند. وردپرس این کار را بهصورت پیشفرض و با ویژگی استاندارد مرورگر
loading="lazy" انجام میدهد و برای فعالسازی آن معمولاً نیازی به هیچ کاری ندارید.احتمالاً این مقاله را باز کردهاید چون میخواهید سایت وردپرسیتان سریعتر باز شود یا شنیدهاید که «لود تدریجی» به سئو کمک میکند. در ادامه بدون اصطلاحات پیچیده، گامبهگام نشان میدهیم این قابلیت چطور کار میکند و چطور آن را به نفع خودتان تنظیم کنید.
Lazy Load در وردپرس چیست و چگونه کار میکند؟
بارگذاری تنبل یا لود تدریجی، تکنیکی برای بهینهسازی سرعت سایت است. در حالت عادی، مرورگر هنگام باز کردن یک صفحه تلاش میکند همه تصاویر و محتوای آن را یکجا دانلود کند، حتی تصاویری که در انتهای صفحه هستند و کاربر شاید هرگز به آنها نرسد. این کار، بارگذاری اولیه را کند و پهنای باند را هدر میدهد. با lazy load، مرورگر فقط منابع داخل بخش قابلمشاهده صفحه (Viewport) را بارگذاری میکند و بقیه را به تعویق میاندازد تا کاربر با اسکرول به آنها نزدیک شود.
یک تشبیه ساده: فرض کنید وارد یک رستوران بزرگ میشوید. بهجای اینکه آشپز همه غذاهای منو را یکجا برایتان بپزد، فقط همان چیزی را آماده میکند که سفارش دادهاید. lazy load هم دقیقاً همین کار را با صفحه میکند: منابع را فقط در لحظه نیاز سرو میکند. از نظر فنی، وردپرس این کار را با افزودن ویژگی استاندارد مرورگر یعنی
loading="lazy" به تگ تصاویر و iframeها انجام میدهد؛ ویژگیای که امروز همه مرورگرهای اصلی از آن پشتیبانی میکنند.نکته فنی مهم
وردپرس از نسخه 5.5 بهطور خودکار ویژگی
loading="lazy" را فقط به تصاویری اضافه میکند که هر دو مشخصه عرض (width) و ارتفاع (height) را دارند. دلیلش جلوگیری از پرش چیدمان صفحه (Cumulative Layout Shift) است. پس همیشه ابعاد تصاویر را خالی نگذارید.
لود تدریجی بومی وردپرس در برابر افزونه؛ کدام را انتخاب کنیم؟
قبل از ورود به جزئیات، این جدول دو رویکرد اصلی برای لود تدریجی در وردپرس را کنار هم میگذارد تا بدانید کدام برای شما مناسبتر است:
| ویژگی | قابلیت بومی هسته وردپرس | افزونه اختصاصی (مثل a3 Lazy Load) |
|---|---|---|
| فعالسازی | خودکار از نسخه 5.5 | نیازمند نصب و تنظیم |
| پوشش تصاویر | تصاویر دارای width و height | تقریباً همه تصاویر |
| پوشش ویدیو و iframe | فقط iframe دارای ابعاد | ویدیو، iframe و پسزمینه |
| تأثیر بر سرعت | بدون بار اضافه (مرورگری) | ممکن است JS اضافه کند |
| کنترل و تنظیمات | محدود (با کد) | زیاد، با پنل گرافیکی |
| مناسب برای | اغلب سایتها | گالری، اسلایدر، نیاز خاص |
جمعبندی کوتاه: برای اکثر سایتها قابلیت بومی کافی و حتی بهینهتر است؛ افزونه را فقط در صورت نیاز واقعی اضافه کنید.
فعالسازی، بررسی و کنترل لود تدریجی در وردپرس
چون این قابلیت بهصورت پیشفرض روشن است، «فعالسازی» در بیشتر مواقع یعنی مطمئن شدن از درست کار کردن آن، نه نصب چیز تازه. در ادامه چند کار عملی را مرور میکنیم.
۱. مطمئن شوید نسخه وردپرس شما بهروز است
ابتداییترین قدم این است که وردپرس شما حداقل نسخه 5.5 (برای تصاویر) و ترجیحاً 6.3 یا بالاتر باشد تا از بهبودهای مربوط به سرعت نمایش (LCP) و اولویتبندی تصویر هم بهره ببرید. کافی است به پیشخان وردپرس بروید و در صورت وجود بهروزرسانی، آن را اعمال کنید. اگر تازه میخواهید وردپرس را راهاندازی کنید، راهنمای نصب وردپرس روی هاست سیپنل کار را ساده میکند.
۲. درست کار کردن lazy load را بررسی کنید
برای اطمینان، صفحهای از سایتتان را در مرورگر باز کنید، روی یک تصویر پایین صفحه راستکلیک کرده و گزینه «Inspect» را بزنید. اگر در تگ
img عبارت loading="lazy" را دیدید، یعنی قابلیت فعال است. توجه کنید که اولین تصویر بزرگ صفحه عمداً این ویژگی را ندارد؛ این رفتار درست است و در ادامه دلیلش را توضیح میدهیم.
۳. تصاویر را با ابعاد مشخص آپلود کنید
از آنجا که وردپرس فقط تصاویر دارای عرض و ارتفاع را تنبل میکند، مطمئن شوید قالب و افزونههایتان ابعاد تصاویر را حذف نمیکنند. هنگام افزودن تصویر از طریق کتابخانه رسانه، وردپرس این ابعاد را خودکار قرار میدهد؛ اما اگر تصاویر را با کد دستی وارد میکنید، حتماً
width و height را بنویسید.۴. در صورت نیاز، قابلیت را غیرفعال یا محدود کنید
گاهی لازم است lazy load را کامل خاموش کنید (مثلاً وقتی افزونه دیگری همین کار را انجام میدهد و تداخل پیش میآید). برای این کار کد زیر را در فایل
functions.php قالب فرزند خود اضافه کنید:<?php
// غیرفعال کردن کامل قابلیت بومی lazy load وردپرس
// این کد را در انتهای functions.php قالب فرزند (child theme) قرار دهید
add_filter( 'wp_lazy_loading_enabled', '__return_false' );اگر قالب شما چندستونه است یا در صفحات آرشیو چند تصویر در بالای صفحه دیده میشوند، میتوانید تعداد تصاویری که از حالت تنبل مستثنا میشوند را افزایش دهید (پیشفرض فقط یک تصویر است):
<?php
// مستثنا کردن سه تصویر اول از lazy load (مناسب قالبهای چندستونه و آرشیو)
// پیشفرض وردپرس فقط یک تصویر اول را مستثنا میکند
add_filter( 'wp_omit_loading_attr_threshold', function () {
return 3;
} );هشدار مهم پیش از ویرایش کد
هر تغییری در فایل functions.php میتواند در صورت اشتباه، سایت را موقتاً از کار بیندازد. پیش از ویرایش حتماً از سایت بکاپ کامل بگیرید، تغییرات را روی قالب فرزند (child theme) اعمال کنید و در صورت امکان ابتدا روی یک نسخه آزمایشی تست کنید.
اگر دوست ندارید با کد کار کنید، ابزارهای مدیریت وردپرس روی هاست مثل جعبه ابزار وردپرس در هاست سیپنل امکان تهیه بکاپ و ساخت نسخه آزمایشی را ساده میکنند.
معایب و مشکلات رایج لود تدریجی که باید بدانید
لود تدریجی ابزار قدرتمندی است، اما مثل هر تکنیک دیگری، اگر نادرست استفاده شود میتواند ضرر بزند. شناخت این محدودیتها به شما کمک میکند از آن درست استفاده کنید:
- کند شدن نمایش تصویر اصلی (LCP): اگر بزرگترین تصویر بالای صفحه بهاشتباه تنبل شود، سرعت ظاهری بارگذاری و امتیاز Core Web Vitals افت میکند.
- پرش چیدمان (CLS): تصاویر بدون عرض و ارتفاع مشخص میتوانند هنگام بارگذاری، چیدمان صفحه را جابهجا کنند.
- تداخل افزونهها: فعال بودن همزمان قابلیت بومی و یک افزونه lazy load میتواند باعث دوبار پردازش و رفتار غیرمنتظره شود.
- بار جاوااسکریپت افزونهها: برخی افزونههای قدیمی برای lazy load به جاوااسکریپت سنگین تکیه میکنند و خودشان به منبع کندی تبدیل میشوند.
- ناسازگاری با اسلایدر و گالری: در بعضی اسلایدرها تصاویر تنبل ممکن است دیر یا ناقص نمایش داده شوند.
چرا تصویر اول نباید تنبل باشد؟
تیم هسته وردپرس متوجه شد تنبلکردن همه تصاویر، بهخصوص بزرگترین تصویر بالای صفحه، باعث افت معیار LCP میشود. به همین دلیل از نسخه 5.9 اولین تصویر یا iframe محتوایی بهصورت پیشفرض از lazy load مستثنا شد. طبق گزارش رسمی وردپرس، این تغییر در ۴۲٪ موارد بیش از ۱۰٪ بهبود LCP داشت.
اگر این مفاهیم برایتان مهماند و روی رتبه سایت کار میکنید، نگهداشتن این تنظیمات هنگام جابهجایی سرور هم اهمیت دارد؛ راهنمای حفظ سئو در انتقال سرور در این زمینه کمککننده است.
نقش هاست و زیرساخت در سرعت واقعی سایت
نکتهای که اغلب در بحث lazy load نادیده گرفته میشود این است که این قابلیت فقط بخشی از معادله سرعت است. لود تدریجی حجم بارگذاری اولیه را کم میکند، اما سرعت پاسخ سرور (TTFB) و کیفیت هاست، پایهای است که هیچ تکنیک سمت کاربری آن را جبران نمیکند. تصور کنید تصاویر را تنبل کردهاید اما خود سرور برای ارسال نخستین بایت صفحه چند ثانیه طول میکشد؛ در این حالت کاربر همچنان منتظر میماند.
در تجربه عملی ما در وبداده، بسیاری از کاربرانی که با وجود بهینهسازی تصاویر همچنان از کندی سایت گله داشتند، پس از انتقال به میزبانی با منابع کافی و سرعت بهتر، بهبود محسوسی در امتیاز سرعت دیدند. به همین دلیل در کنار تکنیکهایی مثل lazy load، روی زیرساخت پایدار تأکید میکنیم:
✅ زیرساخت نسل جدید HPE (Gen11 و Gen10) برای پایداری و سرعت سایتهای وردپرسی.
✅ دیتاسنترهای ایران، هلند و آلمان برای انتخاب نزدیکترین لوکیشن به مخاطبان شما.
✅ هاست بهینهشده برای وردپرس با پیکربندی مناسب سرعت و امنیت.
✅ پشتیبانی فنی ۲۴ ساعته برای کمک در راهاندازی و بهینهسازی سایت.
✅ دیتاسنترهای ایران، هلند و آلمان برای انتخاب نزدیکترین لوکیشن به مخاطبان شما.
✅ هاست بهینهشده برای وردپرس با پیکربندی مناسب سرعت و امنیت.
✅ پشتیبانی فنی ۲۴ ساعته برای کمک در راهاندازی و بهینهسازی سایت.
یک منبع معتبر چه میگوید؟
تیم web.dev گوگل توصیه میکند تا حد امکان از قابلیت بومی مرورگر برای lazy loading استفاده کنید، چون سبکتر، استانداردتر و بدون وابستگی به جاوااسکریپت اضافه است. منبع: web.dev — Browser-level image lazy loading.
اگر میخواهید سرعت سایتتان را از پایه درست بسازید، میتوانید پلنهای هاست سیپنل وبداده را بررسی کنید.
پرسشهای پرتکرار درباره لود تدریجی در وردپرس
آیا برای فعال کردن lazy load در وردپرس به افزونه نیاز دارم؟
خیر. وردپرس از نسخه 5.5 به بعد لود تدریجی تصاویر و از نسخه 5.7 iframeها را بهصورت خودکار و بدون نیاز به افزونه انجام میدهد. تنها در صورتی به افزونه نیاز دارید که بخواهید ویدیوهای پسزمینه، اسلایدرها یا موارد خاص را هم تنبل کنید یا به تنظیمات گرافیکی و کنترل بیشتری نیاز داشته باشید.
چطور بفهمم lazy load روی سایت من فعال است؟
یک صفحه از سایتتان را باز کنید، روی تصویری در پایین صفحه راستکلیک کرده و Inspect را بزنید. اگر در تگ img عبارت loading=”lazy” را دیدید، قابلیت فعال است. دقت کنید که اولین تصویر بزرگ صفحه عمداً این ویژگی را ندارد و این رفتار درست و به نفع سرعت است.
آیا lazy load به سئو کمک میکند؟
بهصورت غیرمستقیم بله. لود تدریجی سرعت بارگذاری اولیه را بهتر میکند و سرعت یکی از عوامل رتبهبندی گوگل (Core Web Vitals) است. اما اگر اشتباه تنظیم شود و تصویر اصلی صفحه را تنبل کند، میتواند معیار LCP و در نتیجه سئو را بدتر کند. نسخههای جدید وردپرس این مشکل را تا حد زیادی خودکار حل کردهاند.
چرا بعضی تصاویر سایت من تنبل بارگذاری نمیشوند؟
دو دلیل رایج دارد: اول اینکه آن تصویر اولین تصویر محتوایی صفحه است و وردپرس عمداً آن را برای حفظ سرعت نمایش مستثنا میکند؛ دوم اینکه آن تصویر عرض و ارتفاع مشخص ندارد و وردپرس برای جلوگیری از پرش چیدمان، تصاویر بدون ابعاد را تنبل نمیکند.
چطور lazy load را بهطور کامل غیرفعال کنم؟
میتوانید کد add_filter(‘wp_lazy_loading_enabled’,’__return_false’); را در فایل functions.php قالب فرزند اضافه کنید. این کار قابلیت بومی را کاملاً خاموش میکند. پیش از هر ویرایش کد حتماً بکاپ بگیرید. توجه کنید که غیرفعال کردن کامل معمولاً به نفع سرعت سایت نیست و فقط در موارد خاص (مثل تداخل با افزونه) توصیه میشود.
تفاوت lazy load بومی وردپرس با افزونه چیست؟
قابلیت بومی از ویژگی استاندارد مرورگر استفاده میکند، سبک است و بار جاوااسکریپت اضافه ندارد، اما کنترل و پوشش محدودتری دارد. افزونهها پوشش گستردهتر (ویدیو، iframe، پسزمینه) و تنظیمات گرافیکی بیشتری میدهند، اما ممکن است کمی سایت را سنگینتر کنند. برای اغلب سایتها قابلیت بومی کافی است.
آیا lazy load باعث میشود تصاویر در گوگل ایندکس نشوند؟
خیر، تا زمانی که از روش استاندارد (ویژگی loading=”lazy” مرورگر) استفاده کنید، گوگل تصاویر را بهخوبی میبیند و ایندکس میکند. مشکل ایندکس بیشتر مربوط به روشهای قدیمی مبتنی بر جاوااسکریپت بود که آدرس واقعی تصویر را پنهان میکردند؛ روش بومی وردپرس این مشکل را ندارد.
lazy load برای ویدیوها هم کار میکند؟
قابلیت بومی وردپرس ویدیوهای embed شده از طریق iframe (مثل یوتیوب) را در صورت داشتن ابعاد، تنبل میکند. اما برای ویدیوهای میزبانیشده روی خود سایت یا ویدیوهای پسزمینه، معمولاً به افزونه اختصاصی نیاز دارید تا بارگذاری آنها هم تا لحظه نیاز به تعویق بیفتد.
جمعبندی و قدم بعدی شما
در این راهنما دیدیم که لود تدریجی یکی از مؤثرترین و در عین حال سادهترین راهها برای سریعتر کردن سایت وردپرسی است؛ قابلیتی که خوشبختانه بهصورت بومی و خودکار در هسته وردپرس وجود دارد و در بیشتر سایتها بدون هیچ افزونهای فعال است. یاد گرفتیم چطور درست کار کردن آن را بررسی کنیم، چه زمانی به افزونه نیاز داریم، چطور آن را با کد کنترل کنیم و چه معایبی ممکن است داشته باشد. مهمترین نکته این است که lazy load بخشی از پازل سرعت است و در کنار آن، کیفیت هاست و زیرساخت نقشی پایهای دارد.
جمعبندی سریع
✅ قابلیت بومی وردپرس برای اغلب سایتها کافی و بهینه است.
✅ همیشه ابعاد تصاویر را مشخص کنید تا از پرش چیدمان جلوگیری شود.
✅ تصویر اول صفحه را تنبل نکنید؛ وردپرس این کار را خودکار انجام میدهد.
✅ افزونه را فقط در صورت نیاز واقعی اضافه کنید و از تداخل بپرهیزید.
✅ همیشه ابعاد تصاویر را مشخص کنید تا از پرش چیدمان جلوگیری شود.
✅ تصویر اول صفحه را تنبل نکنید؛ وردپرس این کار را خودکار انجام میدهد.
✅ افزونه را فقط در صورت نیاز واقعی اضافه کنید و از تداخل بپرهیزید.
در صورتی که سوالی داشتید میتوانید در بخش نظرات با ما در ارتباط باشید.
