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

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

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

لود تنبل ویدیو در وردپرس چه کاری انجام می‌ده؟

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

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

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

آیا وردپرس خودش لود تنبل ویدیو رو فعال می‌کنه؟

بله. وردپرس از نسخه ۵.۷ قابلیت اضافه‌کردن ویژگی loading="lazy" به iframeهای واجد شرایط رو داره. جزئیات این قابلیت در توضیحات رسمی تیم هسته وردپرس منتشر شده. این ویژگی یک راهنما برای مرورگره تا iframe خارج از محدوده دید کاربر رو فوری بارگذاری نکنه؛ ولی تضمین نمی‌کنه همه فایل‌ها و ارتباط‌های پخش‌کننده تا لحظه کلیک متوقف بمونن.

پس اگه وردپرس سایتتون به‌روزه و ویدیو رو با روش استاندارد داخل نوشته گذاشته‌اید، برای لود تنبل پایه معمولاً به افزونه جداگانه نیاز ندارید. وردپرس این ویژگی رو فقط در شرایط مناسب اضافه می‌کنه؛ برای نمونه، iframe باید اطلاعات عرض و ارتفاع معتبر داشته باشه.

لود تنبل داخلی وردپرس چه محدودیتی داره؟

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

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

چطور مطمئن بشیم لود تنبل ویدیو فعاله؟

اول از پیشخوان وردپرس وارد بخش «پیشخوان ← به‌روزرسانی‌ها» بشید و مطمئن بشید نسخه وردپرس قدیمی نیست. قبل از به‌روزرسانی هم از سایتتون نسخه پشتیبان بگیرید.

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

1. صفحه منتشرشده رو در مرورگر باز کنید و تا نزدیک ویدیو پایین برید.
2. روی ویدیو راست‌کلیک کنید و گزینه Inspect یا «بررسی» رو بزنید. اگه این گزینه روی خود ویدیو دیده نشد، روی فضای نزدیک اون راست‌کلیک کنید.
3. در پنل بازشده کلیدهای Ctrl + F رو بزنید و عبارت iframe یا بخشی از نشانی YouTube یا Vimeo رو جست‌وجو کنید.
4. داخل تگ iframe مربوط به ویدیو، وجود عبارت loading="lazy" رو بررسی کنید.

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

اگه از روش داخلی وردپرس استفاده می‌کنید و ویژگی loading="lazy" رو نمی‌بینید، کش سایت و مرورگر رو پاک کنید و دوباره صفحه رو بررسی کنید. بعد هم تداخل قالب یا افزونه‌های بهینه‌سازی رو موقتاً بررسی کنید. یادتون نره که کد داخل ویرایشگر ممکنه با خروجی نهایی صفحه فرق داشته باشه؛ پس بررسی رو روی صفحه منتشرشده انجام بدید.

تفاوت لود تنبل وردپرس با بارگذاری ویدیو بعد از کلیک

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

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

چه زمانی به افزونه Lazy Load for Videos نیاز داریم؟

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

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

نصب و فعال‌سازی افزونه

1. در پیشخوان وردپرس به «افزونه‌ها ← افزودن افزونه تازه» برید.
2. عبارت Lazy Load for Videos رو در کادر جست‌وجو وارد کنید.
3. نام افزونه و سازنده اون، Kevin Weber، رو با اطلاعات صفحه رسمی افزونه تطبیق بدید.
4. روی دکمه نصب بزنید و بعد از تموم‌شدن نصب، افزونه رو فعال کنید.

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

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

تنظیمات مهمی که بهتره بررسی کنید

نام و جای بعضی گزینه‌ها ممکنه با انتشار نسخه‌های تازه تغییر کنه. لازم نیست همه تنظیمات رو عوض کنید. این چند مورد بیشترین ارتباط رو با نتیجه نهایی دارن:

• اندازه تصویر پیش‌نمایش: بین اندازه استاندارد و تصویر بزرگ‌تر، گزینه‌ای رو انتخاب کنید که روی موبایل واضح باشه و دانلود سنگینی هم به صفحه تحمیل نکنه.
• طرح دکمه پخش: افزونه چند مدل دکمه پخش ارائه می‌ده. مدلی رو انتخاب کنید که روی تصویر واضح دیده بشه و کاربر راحت متوجه قابل‌پخش‌بودن ویدیو بشه.
• حریم خصوصی YouTube: افزونه به‌صورت پیش‌فرض می‌تونه ویدیوهای YouTube رو با دامنه youtube-nocookie.com بارگذاری کنه. اگه گزینه فعال‌کردن کوکی‌های YouTube رو تغییر می‌دید، اون رو با سیاست حریم خصوصی سایتتون هماهنگ کنید.
• حریم خصوصی Vimeo: گزینه مربوط به کوکی‌های Vimeo رو بررسی کنید. بعد از هر تغییر، عملکرد ویدیو رو در حالت ناشناس آزمایش کنید.
• کیفیت تصویر Vimeo: کیفیتی رو انتخاب کنید که روی موبایل واضح دیده بشه، ولی باعث دانلود یک تصویر خیلی سنگین نشه.

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

لود تنبل ویدیو همیشه سایت رو سریع‌تر می‌کنه؟

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

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

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

اشتباه‌های رایج موقع بهینه‌سازی ویدیوها

• تصور اینکه ویدیوی جاسازی‌شده حتماً دیتابیس رو پر می‌کنه: ویدیوی YouTube یا Vimeo روی سرور همون سرویس می‌مونه و دیتابیس سایتتون معمولاً فقط نشانی یا کد جاسازی رو نگه می‌داره. ویدیویی که مستقیم در رسانه وردپرس آپلود می‌کنید، فضای هاست رو مصرف می‌کنه و دیتابیس اطلاعات پیوست اون رو نگه می‌داره.
• نصب افزونه بدون بررسی قابلیت داخلی وردپرس: اول وجود loading="lazy" رو در خروجی صفحه بررسی کنید. شاید قابلیت پایه همین حالا فعال باشه.
• استفاده هم‌زمان از چند ابزار مشابه: فعال‌کردن قابلیت لود تنبل ویدیو در چند افزونه ممکنه باعث تداخل، دوبار پردازش‌شدن ویدیو یا خراب‌شدن دکمه پخش بشه.
• بررسی‌نکردن موبایل و مرورگرهای مختلف: ویدیو باید در اندازه‌های مختلف صفحه درست نمایش داده بشه. راهنمای تست سایت در مرورگرهای مختلف برای این مرحله کمکتون می‌کنه.
• اعتماد کامل به یک امتیاز سرعت: امتیاز آزمایشگاهی مفیده، ولی تجربه واقعی کاربر، تأخیر شروع پخش و درست کارکردن کنترل‌های ویدیو هم مهم هستن.

بالاخره از قابلیت وردپرس استفاده کنیم یا افزونه؟

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

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

سؤال‌های متداول درباره لود تنبل ویدیو در وردپرس

جمع‌بندی

برای فعال‌کردن لود تنبل ویدیو در وردپرس، اول سراغ قابلیت داخلی خود وردپرس برید. اگه سایتتون به‌روزه، ویدیو رو به روش استاندارد جاسازی کرده‌اید و ویژگی loading="lazy" در خروجی صفحه دیده می‌شه، معمولاً نیازی به نصب افزونه جداگانه ندارید.

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

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

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