بخش بزرگی از به حداکثر رساندن سرعت وب سایت شما بهینه سازی تصاویر شماست. و از نسخه 5.8، وردپرس از فرمت تصویر WebP پشتیبانی می کند. این فرمت فایل 30 درصد کوچکتر از JPEG یا PNG است که به این معنی است که تصاویر سریعتر بارگذاری می شوند.
البته استفاده از یک فرمت فایل برتر تنها یک راه برای بهینه سازی تصاویر شماست. در واقع ابزارهای زیادی وجود دارند که این کار را آسان می کنند. روش‌های مختلفی را برای بهینه‌سازی تصاویر و بهبود سرعت وب‌سایت شما توضیح خواهم داد.
WebP چیست؟
WebP یک فرمت تصویری است که توسط گوگل در سال 2010 ایجاد شد. این فرمت از فرمت های فایل سنتی مانند JPEG و PNG کوچکتر است و در عین حال فشرده سازی بدون اتلاف عالی را ارائه می دهد. در نتیجه، وب سایت هایی که از WebP استفاده می کنند سریعتر از وب سایت هایی هستند که از WebP استفاده نمی کنند.
فشرده‌سازی WebP با اتلاف، بدون اینکه خیلی فنی باشد، از تکنیک کدگذاری پیش‌بینی‌کننده استفاده می‌کند. در اصل، تنها به بخش کوچکی از کد در بلوک‌های پیکسل نزدیک نگاه می‌کند و پیش‌بینی می‌کند که بقیه آن چه شکلی خواهد بود. در حالی که فشرده سازی WebP بدون تلفات از داده های تصویری که قبلاً دیده است برای بازسازی تصویر استفاده می کند.
فقط به خاطر داشته باشید که همه مرورگرها از WebP به عنوان فرمت فایل پشتیبانی نمی کنند. اما بسیاری از محبوب ترین ها، شامل گوگل کروم، فایرفاکس، مایکروسافت اج و اپرا پشتیبانی می کنند. این ها بیش از 95٪ از کل ترافیک وب و تلفن همراه را پوشش می دهند.
بهترین پلاگین ها برای بهینه سازی تصاویر
در این مقاله، من برخی از بهترین افزونه ها را برای بهینه سازی تصاویر شما برای WebP مرور می کنم. سپس، به چند ابزاری می پردازم که می توانید در حال حاضر برای ایجاد تصاویر ساده برای وب سایت خود از آنها استفاده کنید.
1. EWWW Image Optimizer
اگر تا به حال به سرعت سایت خود نگاه کرده اید و به “ewww” رفته اید، ممکن است بخواهید EWWW Image Optimizer را امتحان کنید. این افزونه متخصص در بهینه سازی تصاویر در وردپرس است و از انواع فرمت های فایل از جمله WebP پشتیبانی می کند.
و مهمتر از همه، روی هر تصویری از پلاگین های دیگر نیز کار می کند. این بدان معنی است که هیچ مشکل سازگاری وجود ندارد!
این افزونه به شما امکان می دهد نوع فشرده سازی را برای هر نوع فایل انتخاب کنید، و می توانید گزینه های مختلفی برای فایل های مختلف داشته باشید. پس از آن، می توانید از یک اقدام انبوه برای شروع بهینه سازی تصاویر خود استفاده کنید.
بهینه سازی تصویر فردی بسیار سریع است، معمولاً کمتر از یک دقیقه، مگر اینکه فایل بسیار بزرگ باشد. گفته می شود اگر در حال انجام یک اقدام انبوه هستید، انتظار داشته باشید که این فرآیند چندین دقیقه طول بکشد، به خصوص در وب سایت های بزرگتر.
2. Smush
Smush محبوب ترین بهینه ساز تصویر در وردپرس با بیش از یک میلیون نصب فعال است. و این به این دلیل است که فراتر از بهینه سازی تصاویر است. در عوض، ویژگی های دیگری مانند بارگذاری تنبل را برای افزایش سرعت صفحه اضافه می کند.
همه انواع فایل های محبوب را پوشش می دهد، اما لازم به ذکر است که WebP در نسخه رایگان موجود نیست. گفته می شود، دسترسی این افزونه آن را جبران می کند. برخلاف بسیاری از افزونه های بهینه سازی دیگر، فراتر از کتابخانه رسانه ای است.
هر تصویری که در خارج از کتابخانه رسانه قرار دارد به طور خودکار بهینه می شود. همچنین تغییر اندازه تصویر را در طول فرآیند فشرده سازی کنترل می کند. و می توانید تمام آمار بهینه سازی را مستقیماً در بلوک تصویر مشاهده کنید.
3. Compresss JPEG & PNG Images
در حالی که فشرده‌سازی تصاویر JPEG و PNG در واقع با فرمت فایل WebP سروکار ندارد، اما در فایل‌های JPEG و PNG بسیار عالی عمل می‌کند.
این افزونه هر ماه 500 فشرده سازی را به صورت رایگان ارائه می دهد. با این حال، با همان مشکل آخرین افزونه مواجه می شود. تمام کپی های تصویر را بهینه می کند. بنابراین، به 100 تصویر بسیار نزدیکتر است، اما برای وب سایت های جدیدتر کافی است.
همچنین شایان ذکر است که این افزونه کاملاً با WooCommerce سازگار است، اما توصیه می کند احتیاط کنید. به نظر می رسد WooCommerce سعی می کند ابرداده تصویر را در هر بازدید از صفحه بازسازی کند. این می تواند در نهایت اعتبار ماهانه شما را بخورد.
4. Imagify – Optimize your Images & Convert WebP
Imagify یک افزونه عالی برای وب سایت هایی است که به دنبال یک گزینه freemium برای بهینه سازی تصاویر هستند. هر ماه می توانید تا 20 مگابایت تصاویر را به صورت رایگان بهینه سازی کنید. و این می تواند برای توسعه دهندگانی که می دانند چگونه تصاویر را مدیریت کنند بسیار زیاد باشد.
این برنامه از همه انواع فایل های استاندارد از جمله PDF پشتیبانی می کند و هر بار که یک تصویر را بهینه می کند، یک فایل WebP ایجاد می کند، با فرض اینکه کادر را علامت بزنید. سه سطح بهینه سازی را به کاربران ارائه می دهد: نرمال، تهاجمی و فوق العاده.
هر سطح عملکرد فشرده سازی را بهبود می بخشد، و اگر راضی نیستید، می توانید از گزینه پشتیبان برای دریافت نسخه اصلی استفاده کنید و سطح متفاوتی از بهینه سازی را انتخاب کنید. این به شما کمک می کند تا ببینید چه چیزی برای تصاویر شما بهتر عمل می کند.
بهینه سازی بهتر، سرعت بیشتر، تجربه بهتر
یک وب سایت سریعتر، یک تجربه بهتر است. و مهمتر از آن، این چیزی است که بازدیدکنندگان در سال 2021 انتظار دارند.
یکی از مشکلات اصلی که اکثر وب سایت ها با آن مواجه می شوند ناشی از بهینه سازی ضعیف تصاویر است. بسیاری از مبتدیان نمی دانند اندازه تصویر باید چگونه باشد و اغلب حتی از فایل های بیش از یک مگابایت استفاده می کنند. در واقعیت، تصاویر به ندرت باید از چند صد کیلوبایت تجاوز کنند.
همچنین ممکن است بخواهید نحوه بارگذاری تنبل تصاویر(lazy load) در وردپرس را بشناسید.
