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

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

بارگذاری تنبل برای فیلم ها چگونه کار می کند؟ h4>

Lazy Loading for Videos

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

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

بارگذاری تنبل ویدئو با یک تصویر پیش نمایش قابل کلیک جایگزین فیلم های جاسازی شده Youtube و Vimeo می شود. هنگامی که بازدیدکنندگان شما بر روی تصویر کلیک می کنند ، بارگذاری می شود و فیلم را پخش می کند.

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

اکنون که از مزایای آن مطلع شدید ، بیایید نگاهی به نحوه بارگیری تنبل فیلم های YouTube و Vimeo در وردپرس بیندازیم.

آموزش فیلم h4>

مشترک شدن در WPBeginner

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

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

اولین کاری که باید انجام دهید این است که Lazy Load for Videos .

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

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

A lazy load video with thumbnail and play button

وقتی روی تصویر کلیک کنید ، فیلم بارگیری می شود و پخش می شود.

ممکن است در بارگیری فیلم تاخیر اندکی (ناچیز) وجود داشته باشد ، بنابراین لطفاً فکر نکنید که بارگیری تنبل کار نمی کند.

اگرچه این افزونه خارج از جعبه کار می کند ، باز هم تنظیماتی وجود دارد که می توانید براساس نیاز خود پیکربندی کنید.

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

Controlling YouTube thumbnail  quality for posts and pages

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

Settings page for lazy load for videos WordPress plugin

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

این افزونه هم از YouTube و هم از Vimeo پشتیبانی می کند. با کلیک روی برگه های مربوطه می توانید تنظیمات خاص ارائه دهنده را پیدا کنید.

در برگه YouTube می توانید رنگ ها ، کیفیت تصویر کوچک را انتخاب کنید ، فیلم ها و حاشیه نویسی های مربوطه را غیرفعال کنید و حتی می توانید بارگذاری تنبل را برای فیلم های YouTube غیرفعال کنید.

Lazy load for YouTube settings

به همین ترتیب ، در برگه تنظیمات Vimeo می توانید رنگهای کنترل را انتخاب کنید ، عنوان فیلم را پنهان یا نمایش دهید و بارگذاری تنبل را برای ویمئو فیلم ها.

Lazy load for Vimeo

این همه است. امیدواریم که این مقاله به شما کمک کند بارگذاری تنبلی را برای فیلم ها در وردپرس اضافه کنید.

برای افزایش بیشتر سرعت وب سایت خود ، باید یک راه حل وردپرس CDN با افزونه W3 Total Cache .

اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube مشترک شوید برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و Google+ .

منبع:
https://www.wpbeginner.com/plugins/how-to-easily-add-lazy-loading-for-videos-in-wordpress/.

دیدگاهتان را بنویسید


Fatal error: Uncaught wfWAFStorageFileException: Unable to save temporary file for atomic writing. in /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php:35 Stack trace: #0 /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php(659): wfWAFStorageFile::atomicFilePutContents('/home/wekjriusd...', '<?php exit('Acc...') #1 [internal function]: wfWAFStorageFile->saveConfig('livewaf') #2 {main} thrown in /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php on line 35