قبلا در مقاله فرمت WebP چیست، به معرفی کامل این فرمت نسل جدید تصاویر که توسط گوگل ارائه شده است پرداختیم و بر ما واضح شد که نمایش تصاویر در قالب فرمت WebP باعث کاهش قابل توجه حجم صفحات سایت و افزایش سرعت بارگزاری میشود. این موضوع از نظر سئوی تکنیکال به معنای بهبود سئو سایت است. به منظور یادآوری در ادامه بصورت خلاصه به معرفی ویژگیهای فرمت WebP میپردازیم.
ویژگیهای فرمت WebP
- افزایش سرعت بارگزاری سایت در مرورگرهایی که از فرمت وب پی پشتیبانی میکنند و بهبود سئو سایت.
- کاهش بیش از 50% حجم تصاویر بدون افت محسوس کیفیت آنها.
- نسل جدید فرمت تصاویر که توسط گوگل ارائه شده است.
- صرفه جویی قابل توجه در مصرف پهنای باند سایت.
در این مقاله آموزشی قصد داریم به معرفی بهترین افزونه وردپرس برای تبدیل و نمایش تصاویر در قالب فرمت WebP بپردازیم که در حال حاضر در وبسایت میهن لرن نیز از آن استفاده میکنیم.
معرفی بهترین افزونه WebP وردپرس
مهاجرت به فرمت WebP برای ما با چالشهایی رو به رو بود که ما را به انجام تحقیقات جامع در این زمینه وا داشت که در نهایت منجر به انتخاب بهترین افزونه استفاده از فرمت WebP در وردپرس شد.
قبل از معرفی افزونه به بررسی چالشهایی که قطعا برای شما نیز وجود دارد میپردازیم تا با همواره نگاهی بسیار وسیعتر به انتخاب افزونهها دقت کنید.
عدم تداخل با CDN:
یک روش برای تبدیل تصاویر به WebP استفاده از CDN است. البته این روش رایگان نیست و شامل هزینه میباشد. در حال حاضر ما در وبسایت میهن لرن از CDN کلودفلر استفاده میکنیم. این سرویس دهنده CDN یکی از بزرگترین شبکههای تحویل محتوا در جهان است.
قطعا اگر همزمان ما از CDN های مخصوص WebP مانند Smush استفاده میکردیم احتمال وجود اختلال در سایت بالا میرفت، مگر اینکه صرفا و مستقیما از سی دی ان هایی مانند Smush یا KeyCDN استفاده کنیم. از این رو، اگر شما هم قابلیت مهاجرت به CDN دیگری ندارید، باید از افزونه برای تبدیل تصاویر به WebP استفاده کنید. انتخاب این افزونه بسیار مهم است، چرا که افزونهای مانند WP Smush، صرفا در صورتی تصاویر را به WebP تبدیل میکند که از CDN آن بهره ببرید، البته شاید در آینده تغییراتی ایجاد کند، ولی در زمان تالیف این مقاله WP Smush که معروفترین افزونه بهینه سازی تصاویر در وردپرس میباشد، اینگونه است.
عدم استفاده از افزونههای سنگین:
اگر مقالات آموزشی ما را در زمینه سئو سایتهای وردپرسی مطالعه کرده باشید، قطعا با میدانید که همواره توصیه میکنیم از افزونههای زیاد و همچنین افزونههای سنگین در وردپرس استفاده نکنید. در صورت زیاده روی در استفاده از افزونه، سایت شما به شدت کند خواهد شد. همچنین برخی از افزونهها وجود دارند که به تنهایی اندازه CMS وردپرس منابع سرور را درگیر میکنند، به همین جهت زمانی که قرار است از یک افزونه (مانند افزونه تبدیل فرمت از JPG به WebP) به شکل دائمی استفاده کنید، لازم است تا افزونهای کاملا سبک و کاربردی را انتخاب نمایید.
انتخاب افزونهای که منتخب کاربران باشد:
قطعا میزان نصب بالا در انتخاب افزونه ملاک است، اما نباید از این نکته غافل شد که امتیاز و محبوبیت آن افزونه در بین کاربران اهمیت بسیار بیشتری دارد. همچنین بهتر است که نظرات کاربران در صفحه افزونه، در مخزن رسمی افزونههای وردپرس مطالعه شود تا بهتر با ویژگیها و یا معایب افزونه آشنا شوید.
هماهنگی با افزونههای بهینه سازی تصاویر وردپرس:
ما برای کاهش استفاده از افزونهها در میهن لرن، تاکنون از افزونه کاهش حجم تصاویر استفاده نکردهایم و حجم تصاویر را به کمک سایتهای کاهش حجم آنلاین مانند imagecompressor.com کاهش میدهیم. در انتخاب افزونه تبدیل فرمت تصاویر به WebP ابتدا تصمیم گرفتیم که با یک تیر دو نشان بزنیم و افزونه کاهش حجم تصاویر را نصب کنیم که هم زمان تبدیل تصاویر به WebP را نیز انجام دهد. اما با تمام بررسیهایی که داشتیم موفق نشدیم به افزونهای مناسب برسیم.
افزونه WP Smush از CDN برای تبدیل تصاویر به WebP استفاده میکرد و افزونههای دیگر مانند ShortPixel Image Optimizer یا EWWW Image Optimizer با اینکه بسیار عالی هستند، اما برای سایت ما کاربرد نداشتند، چون بعنوان مثال توسط افزونه ShortPixel در هر ماه فقط میتوانید 200 تصویر را بهینه سازی نمایید و به WebP تبدیل کنید. این افزونهها برای سایتهای تازه تاسیس و یا سایتهایی که حجم آپلود تصاویرشان در ماه کم است عالی هستند.
اما در میهن لرن به دلیل داشتن بیش از 10000 تصویر آپلود شده قطعا نمیتوانستیم از ظرفیت این افزونهها بهره ببریم. همچنین حجم آپلود تصاویر ما در ماه بیشتر از 200 عدد است. البته ناگفته نماند که با پرداخت دلاری و خرید پلنهای پولی میتوانید حتی بصورت نامحدود از این افزونهها استفاده کنید ولی پرداخت دلاری نیز خود چالشی دیگر است. در نتیجه به سناریو میرسیم که اگر سایت شما نیز مانند سایت میهن لرن است که تصاویر زیادی از قبل دارد، باید افزونهای را نصب کند که محدودیتی در بهینه سازی تصاویر نداشته باشند.
رایگان بودن:
تقریبا برای بیش از 90% سایتها مقرون به صرفه نیست که صرفا برای تبدیل تصاویر از JPG یا PNG به فرمت WebP، هزینههای ماهیانه و یا سالیانه بپردازند. این مورد برای ما نیز صدق میکرد، برای همین در تحقیقات خود رایگان بودن افزونه را نیز مد نظر قرار دادیم.
در نهایت پس از بررسی بیش از 10 افزونه به یک انتخاب نهایی رسیدیم که هم اکنون در میهن لرن از آن برای تبدیل تصاویر به فرمت وب پی استفاده میکنیم. این افزونه را در ادامه بصورت کامل به شما معرفی مینماییم.
افزونه WebP Express
افزونه WebP Express با اختلاف زیاد، هم اکنون بیشترین تعداد نصب را در میان افزونههای اختصاصی WebP دارد.
این افزونه بیش از 70000 نصب فعال دارد و 4.5 از 5 امتیاز کاربران را به خود اختصاص داده است.
استفاده از این افزونه کاملا رایگان است و نیاز به نصب هیچ افزونه جانبی ندارد.
مهمترین نکته این است که پس از نصب افزونه WebP Express هیچ گونه کاهش سرعتی در سایت مشاهده نکردیم.
همچنین هنگام انجام فرایند تبدیل تصاویر به WebP در سرور، کوچکترین کاهش سرعتی در سایت مشاهده نشد، در صورتی که با نصب یک افزونه کاهش حجم تصاویر، ممکن است شاهد افت سرعت باشیم. البته مهم است که هاستتان دارای منابع کافی باشد.
انجام تنظیمات در این افزونه بسیار ساده و قابل درک است. همچنین هم تحت سرور قوانینی را تعریف میکند که اگر مرورگر کاربر از فرمت WebP پشتیبانی نکرد بصورت خودکار نسخه JPG یا PNG تصویر نمایش داده شود و هم تگ <Picture> را در کدهای قالبتان اضافه مینمایند. پس از این جهت خیالتان راحت باشد که 100% تصاویر سایت به کاربران نمایش داده خواهد شد. هر چند که هم اکنون بیش از 80% کاربران دارای مرورگرهایی هستند که از فرمت WebP پشتیبانی میکند.
جهت دریافت رایگان این پلاگین به صفحه رسمی آن در وردپرس مراجعه نمایید.
و یک سوال دیگه هم اینکه وقتی عملیات تبدیل فرمت تصاویر تموم شد، آیا خودش بصورت اتوماتیک همه رو جایگزین میکنه یا باید کار دیگری خودمون انجام بدیم؟
چونکه توی تنظیمات افزونه ندیدم چیزی در این باره وجود داشته باشه
تشکر
سلام و درود
وقت بخیر
بله از طریق فایل htaccess دستوری می نویسه که جایگزین بشه، ضمن اینکه با فعال کردن تیک Alter HTML می تونید در کدهای اچ تی ام ال هم جایگزینی وب پی رو فعال کنید.
با سلام یک سوال
نمیشه نرم افزاری معرفی کنید که قبل از اینکه عکس را در سایت بارگذاری کنیم به فرمت WebP تبدیل کنیم که این افزونه ( WebP Express) را نصب نکنیم؟
تشکر از شما
سلام
وقت بخیر
این کار درست نیست، چون ممکنه مرورگری باشه که از WebP پشتیبانی نکنه (با اینکه تعدادشون خیلی کمه) و در نتیجه عکس ها نشون داده نخواهد شد.
به نظرم فعلا بهتره که هم ورژن JPG باشه و هم WebP و این رو هم بدونید که الان یک ورژن قوی تر از وب پی هم اومده که هنوز زیاد در سطح وب رایج نیست، پس بهتره در حال حاضر به صورت کامل سوئیچ نکنید به WebP و در کنار سایر فرمت ها، این فرمت رو هم داشته باشید و به مرورگرهایی نشون بدید که از وب پی پشتیبانی می کنند.
موفق باشید
سلام
ممنون بابت مطلب خوب تان. فقط یه سوال آیا تمام مرورگرها از فرمت WebP پشتیبانی می کنند
با سلام و احترام
وقت بخیر
همانگونه که در متن پست اشاره شد تقریبا اکثر مرورگرها هم اکنون از WebP پشتیبانی میکنند، آن دسته از کاربران که مرورگر قدیمی دارند و قادر به مشاهده تصاویر با این فرمت نیستند هم بصورت خودکار تصاویر به آنها نمایش داده می شود. در هر صورت استفاده از فرمت وب پی در سایت، هیچ گونه تداخلی جهت نمایش تصاویر ایجاد نخواهد کرد.
با آرزوی بهترینها
سلام
خسته نباشید
فرمت webp حجم صفحه اصلی یه مقاله سنگین سایتم رو از 1.5 مگ رسوند به 850 کیلوبایت!!!! خیلی جالب بود برام کاش زودتر به فکر استفاده از وب پی میشدم. من از پلاگین وب پی اکسپرس استفاده کردم که داخل مقاله معرفی کردین
سلام من هم دقیقا همین مسیر رو رفتم و همین مشکلات بر خوردم
من از cdn ابر اروان استفاده میکنم و افزونه wp smush رو خریدم و نصب کردم اما دیدم تغییری ایجاد نکرد و الان قصد دارم webp express رو امتحان کنم فقط دوتا سوال برام باقی مونده گه جرات نصب افزونه رو ندارم
1 – ایا باید هاست من فضای خالی کافی برای تبدیل همه عکس ها به Webp رو داشته باشه؟
2- ایا با Cdn ابراروان تداخل پیدا نمیکنه؟ چون دیدم تنطیماتی داشت برای cdn ولی من سر در نیوردم
ممنون میشم راهنمایی کنید
سلام دوست عزیز
وقت بخیر
1- بله طبعا باید فضای لازم رو داشته باشید چون در کنار تصاویر قبلی، تصاویر جدید که به فرمت وب پی تبدیل شدهاند هم قرار میگیرند.
2- خیر تداخلی نداره. ما نیز هم اکنون از سی دی ان استفاده میکنیم و تداخلی نداریم.
لطفا باز هم اگر سوالی داشتید از طریق دایرکت اینستاگرام برای دریافت پاسخ سریعتر، سوال را مطرح فرمایید.
instagram.com/mihanlearn
با آرزوی بهترین ها
من از این افزونه استفاده می کنم خیلی عالیه.
به شما هم پیشنهاد می کنم حتما استفاده کنید
با سلام
بله، WebP Express در حال حاضر در میهن لرن هم استفاده میشود.
ما همواره مواردی را که تست کردهایم و تجربه کار با آن را داریم به شما عزیزان معرفی مینماییم.