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

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

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

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

بدون هیچ مقدمه ای، از شما دعوت می کنیم تا با لیست ما مشورت کنید مضامین وردپرس. اما قبل از آن ، اگر هرگز WordPress را نصب نکرده اید کشف کنید چگونه به نصب یک وبلاگ وردپرس مراحل 7 et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود 

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

Lazy Loading چیست؟

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

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

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

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

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

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

مزایا:

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

در برابر:

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

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

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

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

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

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

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

این بدان معناست که وب‌سایت‌هایی که بر روی نسخه‌های قدیمی‌تر وردپرس اجرا می‌شوند، از مزایای مشابهی که وردپرس 5.9 که آخرین نسخه است استفاده می‌کنند، برخوردار نیستند.

2. بارگذاری تنبل بومی را از طریق مرورگر فعال کنید

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

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

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

در اینجا یک نمونه از استفاده است:

<img src=”nom-image.png” loading=”lazy” alt=”alt attribute” width=”800″ height=”411″>

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

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

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

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

سرعت بارگذاری وب سایت خود را افزایش دهید

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

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

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

دانلود | نسخه ی نمایشی | میزبانی وب

دود کردن

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

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

دانلود | نسخه ی نمایشی | میزبانی وب

a3 بار تنبل

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

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

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

دانلود | نسخه ی نمایشی | میزبانی وب

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

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

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

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

سایر منابع پیشنهادی

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

• نحوه رفع خطاهای redirection در وردپرس
• برخی از پلاگین ها برای یکپارچه سازی سرویس های Google را در وبلاگ خود
• افزونه 5 WordPress برای نمایش اعلان ها
• چگونه برای ایجاد قالب های سفارشی در وردپرس
• نحوه استفاده از زمینه های مختلف در وردپرس

نتیجه

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

اگر هرگونه نگرانی یا پیشنهادی دارید ، لطفاً در این زمینه به ما اطلاع دهید نظر.

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

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

...