بارگذاری تنبل در وردپرس

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

خرید هاست وردپرس از ایرانیکا سرور

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

Lazy Loading یا بارگذاری تنبل چیست؟

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

 

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

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

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

 

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

اگر هنوز نمی‌دانید که آیا باید بارگذاری تنبل تصویر را در وردپرس پیاده‌سازی کنید، در اینجا مزایا و معایب این ویژگی وجود دارد:

مزایا : 

• استفاده از پهنای باند را کاهش می دهد و هزینه هاست را کاهش می دهد.
• سرعت سایت را بهبود می بخشد و تجربه مرور بازدیدکنندگان را بهتر می کند.
• مناسب برای کاربران موبایل.
• بزرگترین امتیاز رنگ محتوایی را بهینه می کند.
• تلاش های سئو را بهبود می بخشد و رتبه بندی جستجوی سایت شما را افزایش می دهد.

معایب :

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

 

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

سه راه برای پیاده سازی Lazy loading در سایت وردپرس شما وجود دارد. ما توصیه می کنیم یکی از بهترین گزینه ها را انتخاب کنید که مناسب شرایط شما باشد.

 

1. وردپرس خود را به نسخه 5.4 یا بالاتر ارتقا دهید

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

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

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

 

2. فعالسازی Lazy Loading از طریق کد عکس در HTML

مرورگرهای محبوب مانند کروم، فایرفاکس و اپرا از بارگذاری تنبل تصویر بومی پشتیبانی می کنند. شما فقط باید ویژگی بارگیری <img loading= “lazy”> را به تصاویر و ویدئوهای مورد نظر اضافه کنید تا به طور خودکار فعال شود.

در بارگذاری تنبل بومی وردپرس، ویژگی loading از این سه مقدار پشتیبانی می کند:

• Auto
• Lazy
• Eager

در اینجا مثالی از نحوه استفاده از آن را میبینید:

<img src=”image-name.png” loading=”lazy” alt=”alt attribute” width=”200″ height=”200″>

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

 

3. نصب پلاگین وردپرس

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

در بخش زیر بهترین افزونه های lazy loading در وردپرس را به شما معرفی کرده ایم:

 

Image optimization & Lazy Load by Optimole

 

 

یکی از نکات مثبت Optimole این است که از انواع تصاویر از جمله AVIF پشتیبانی می کند. این افزونه بار تنبل فریمیوم بهینه سازی و مقیاس بندی تصویر را برای قرار دادن آنها در دستگاه های بازدیدکنندگان فراهم می کند و تجربه کاربری بهینه را تضمین می کند.

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

این افزونه رایگان به شما امکان می دهد تصاویر را برای حداکثر 5000 بازدید ماهانه بهینه کنید. خرید طرح Pro به شما امکان می دهد تصاویر را برای 25000 بازدید کننده فعال ماهانه و بیشتر بارگذاری کنید. تصاویر در هر دو طرح از طریق CDN AWS Cloudfront ارائه می‌شوند.

 

Smush

 

 

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

سایر ویژگی های مفید عبارتند از: تشخیص نادرست اندازه تصویر، پشتیبانی از چند سایت و ابزار فشرده سازی تصویر. ارتقاء به Smush Pro به شما امکان می دهد تصاویر بزرگ را بدون محدودیت اندازه بهینه سازی کنید، از تصاویر اصلی نسخه پشتیبان تهیه کنید و به سایر پلاگین های WPMU Pro دسترسی داشته باشید. قیمت ها از 5 دلار در ماه شروع می شود.

 

a3 Lazy Load‏

 

 

a3 Lazy Load یک افزونه رایگان بارگذاری تنبل مبتنی بر موبایل است. این به طور کامل با وردپرس 5.9 و تعدادی از ابزارهای محبوب از جمله پلاگین های WebP و AMP سازگار است.

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

سایر ویژگی های قابل توجه عبارتند از پشتیبانی چند سایت، پشتیبانی از تصویر WebP، و بارگذاری تنبلی iframe – این ویژگی در مورد iframe هایی که هسته وردپرس بارگیری نمی کند، مانند Google Maps و رسانه های جاسازی شده، اعمال می شود.

 

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

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

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

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

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

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

 

---

 

نتیجه

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

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