افزونه فشرده‌ساز تصاویر وردپرس اسماش | WPMU DEV WP Smush Pro

اسماش پرو (Smush Pro) افزونه بهینه‌سازی تصویر شرکت WPMU DEV برای وردپرس است. حجم تصاویر JPEG و PNG کتابخانه رسانه را کم می‌کند، بارگذاری تنبل (Lazy Load) تصاویر را دارد و می‌تواند از آن‌ها نسخه WebP بسازد. برای سایتی مناسب است که تصاویر زیاد یا سنگین دارد.

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

فشرده‌سازی تصاویر کتابخانه با اسماش پرو

در نصب آزمایشی (یک سایت وردپرس فارسی، تازه و جدا، که فقط برای همین افزونه ساخته شد)، پس از اسکن کتابخانه رسانه و زدن دکمه بهینه‌سازی، حجم هر چهار تصویر نمونه کمتر شد؛ دو تصویر JPEG و دو PNG که یکی از آن‌ها بخش شفاف داشت. نسخه اصلی هر تصویر هم کنار آن به‌عنوان پشتیبان ماند. با گزینه بازگردانی نسخه اصلی در ستون Smush کتابخانه رسانه، تصویر انتخاب‌شده به همان پرونده اصلی برگشت.

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

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

«Directory Smush» صفحه جداگانه‌ای در منوی افزونه است و تصاویری را که بیرون پوشه بارگذاری‌ها هستند فشرده می‌کند، مثل تصاویر داخل پوشه یک افزونه.

بارگذاری تنبل و بهینه‌سازی نمایش تصویر

بارگذاری تنبل روی یک برگه آزمایشی با همان چهار تصویر، در دو حالت روشن و خاموش بررسی شد و صفحه هر بار بدون ورود به پیشخوان دریافت شد. با روشن‌بودن آن، سه تصویر پایین‌تر نشانی خود را در ویژگی data-src داشتند و کلاس lazyload گرفته بودند؛ تصویر اول، که ویژگی fetchpriority با مقدار high داشت، نشانی‌اش را در src نگه داشت. با خاموش‌کردن آن، هیچ تصویری چنین نشانه‌ای نداشت.

در صفحه Lazy Load & Preload افزونه، حالت ظاهری بارگذاری (محو شدن، چرخنده، جای‌نما یا هیچ‌کدام)، نوع تصاویر و بخش‌هایی از سایت که تصویرشان دیر بارگذاری شود تنظیم می‌شود. طبق مستندات سازنده، اگر بارگذاری تنبل در افزونه دیگری هم روشن باشد، ممکن است درست کار نکند.

تبدیل به WebP و AVIF

در بخش Next-Gen Formats با انتخاب WebP و روش «Direct Conversion» که تنظیم سرور نمی‌خواهد، پس از بهینه‌سازی دوباره تصاویر، پرونده‌های WebP در پوشه wp-content/smush-webp ساخته شد و صفحه آزمایشی برای بخشی از تصاویر نشانی WebP را به بازدیدکننده داد. گزینه AVIF هم در همین صفحه هست.

کار با افزونه‌های دیگر وردپرس

در نصب آزمایشی، که فقط خود اسماش پرو در آن فعال بود، صفحه Integrations در تنظیمات چند گزینه داشت. کلید Gutenberg Support روشن شد و گزینه‌های دیگر برچسب «Not in use» داشتند. طبق مستندات سازنده، این گزینه‌ها در آن صفحه هست:

• Gutenberg Support: آمار Smush را به بلوک‌های گوتنبرگ اضافه می‌کند؛
• WPBakery Page Builder: تصاویری را که این صفحه‌ساز با اندازه دلخواه می‌سازد فشرده می‌کند؛
• Gravity Forms: تصاویری را که از راه فرم‌ها بارگذاری می‌شوند بهینه می‌کند.

صفحه Configs دکمه‌های Save New و Upload و یک پیکربندی پیش‌فرض داشت؛ طبق مستندات، پیکربندی ذخیره‌شده را می‌شود دانلود و روی سایت دیگر اجرا کرد.

پیش از خرید اسماش پرو بدانید

فشرده‌سازی فقط روی JPEG و PNG کار می‌کند؛ مستندات سازنده می‌گوید پرونده‌های دیگر مثل GIF و ویدیو را فشرده نمی‌کند. «Directory Smush» در پس‌زمینه کار نمی‌کند و باید صفحه‌اش تا پایان باز بماند. پشتیبان‌گیری از تصاویر اصلی در نصب آزمایشی روشن بود و طبق مستندات می‌تواند حجم پوشه بارگذاری‌ها را زیاد کند.

حذف فراداده‌های تصویر (EXIF) هم در تنظیمات پیش‌فرض روشن بود. سازنده هشدار می‌دهد این کار می‌تواند رنگ یا جهت تصویر را عوض کند؛ او می‌گوید سایت عکاسی شاید بخواهد این فراداده‌ها را نگه دارد. روش «Server Configuration» برای WebP قاعده‌هایی در تنظیمات سرور (Apache یا Nginx) می‌خواهد. برای نصب و راه‌اندازی و رفع تداخل با افزونه‌های دیگر، خدمات نگهداری و عیب‌یابی سایت وردپرس نیاز را ببینید.

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