خانه » آموزش کاهش حجم تصاویر وردپرس با افزونه Smush
آموزش کاهش حجم تصاویر وردپرس با افزونه Smush
دسترسی به تیترهای مقاله
سرعت بارگذاری سایت یکی از عناصر کلیدی برای موفقیت کسب و کارهای اینترنتی است. در دنیای پر سرعت امروز، کاربران توقع دارند که با کلیک کردن روی هر سایتی در کسری از ثانیه بارگذاری انجام شوند؛ در نتیجه سایتهایی که سریع عمل نمیکنند، با کاهش بازدید مواجه میشوند. کاهش سرعت نه تنها از رضایت کاربران میکاهد بلکه گوگل را نیز ناراضی میکند و روی سئوی سایت شما نیز تأثیر منفی میگذارد. یکی از عوامل بسیار مهمی که میتواند به طور چشمگیری بر سرعت بارگذاری صفحات سایت تأثیر بگذارد، اندازه و حجم تصاویر است. ابزارهای مختلفی برای کاهش حجم تصاویر بدون افت کیفیت طراحی شدهاند. یکی از محبوبترین و قدرتمندترین ابزارها برای این کار، افزونه Smush است. در این قسمت از آموزش وردپرس، قصد داریم افزونه Smush را به صورت کامل بررسی کنیم و نحوهی نصب و راهاندازی آن را به شما آموزش دهیم.
افزونه Smush چیست؟
افزونه Smush یک ابزار قدرتمند برای بهینهسازی تصویر در وردپرس است. این افزونه به طور خاص برای کاهش حجم تصاویر سایتها طراحی شده است. Smush توسط تیم WPMU DEV توسعه یافت و پس از مدتی به دلیل کارآمدی و سادگی، در بین کاربران وردپرس محبوبیت زیادی پیدا کرد. افزونهی Smush از تکنیک بهینهسازی lossless compression استفاده میکند؛ یعنی تصاویر را بدون افت کیفیت به صورت فشردهتر ذخیره میکند. این گونه بهینهسازی به شما امکان میدهد تا فضای ذخیرهسازی سرور خود را آزاد کنید و در عین حال تصاویر با کیفیت بالا در سایت شما نمایش داده شوند.
اهمیت بهینهسازی تصاویر در سایتها
در دنیای پر رقابت امروز شما باید از تمام عناصر برای جلب توجه مشتری استفاده کنید. تصاویر نقش مهمی در جذابیت و زیبایی بصری وبسایتها دارند. آنها میتوانند محتوای متنی شما را تقویت کنند و پیام متن را به طور مؤثرتری انتقال دهند. با این حال، تصاویر بزرگ و با حجم زیاد، سرعت بارگذاری صفحات را به شدت کاهش میدهند و در نتیجه، نرخ پرش (bounce rate) سایت را افزایش مییابد.
بهینهسازی تصاویر میتواند به چند طریق به بهبود عملکرد سایت کمک کند:
- افزایش سرعت بارگذاری: اولین و مهمترین تأثیر افزونهی smush، افزایش سرعت بارگذاری است. تصاویر بهینهسازی شده، سریعتر بارگذاری میشوند و در نهایت سرعت آپلود سایت را بهبود میبخشند.
- کاهش مصرف پهنای باند: وقتی تصاویر را بهینه کنید، مصرف پهنای باند کاهش مییابد که میتواند هزینههای میزبانی را کاهش دهد.
- بهبود رتبهبندی SEO: گوگل به سرعت بارگذاری صفحات بسیار اهمیت میدهد؛ در نتیجه سایتهایی که سرعت بارگذاری بهتری دارند، رتبهی بهتری در نتایج جستجو به دست میآورند.
- افزایش رضایت کاربران: سایتهایی که به سختی بارگذاری میشوند، از همان ابتدا کاربر را دچار نارضایتی میکنند. کاربران تمایل بیشتری به بازدید مجدد از سایتهای پر سرعت دارند.
مزیتهای افزونه Smush
افزونه Smush مجموعهای از امکانات قدرتمند را در اختیار شما قرار میدهد. به همین دلیل است که به عنوان یکی از برترین افزونههای بهینهسازی تصویر برای وردپرس شناخته شده است. در این قسمت میخواهیم مزیتهای افزونه Smush را برایتان توضیح دهیم:
۱)فشردهسازی بدون افت کیفیت
یکی از برجستهترین ویژگیهای Smush این است که تصاویر را بدون افت کیفیت بهینه میکند؛ یعنی پس از فشردهسازی، تفاوت قابلتوجهی در کیفیت تصاویر مشاهده نمیکنید؛ در حالی که حجم آنها به طور قابلتوجهی کاهش پیدا کرده است. این قابلیت به شما کمک میکند تا هم جذابیت بصری خود را حفظ کنید و هم سرعت بارگذاری سایت را افزایش دهید.
۲)فشردهسازی گروهی
یکی از قابلیتهای افزونه Smush این است که میتواند چندین تصویر را به صورت همزمان فشردهسازی کند. این ویژگی برای سایتهایی که تصاویر زیادی دارند، بسیار مفید است. شما میتوانید حجم تمام تصاویر موجود در کتابخانهی وردپرس خود را با یک کلیک کاهش دهید و این گونه در وقت و انرژی خود صرفهجویی کنید.
۳)فشردهسازی خودکار تصاویر هنگام بارگذاری
یکی دیگر از ویژگیهای مفید و کاربردی Smush این است که به طور خودکار تصاویر جدیدی که به وبسایت اضافه میشوند را فشرده میکند. با این قابلیت دیگر نیازی به انجام هیچگونه فرایند دستی برای فشردهسازی تصاویر نیست. این قابلیت به شما کمک میکند از بهینه بودن تصاویر سایت خود اطمینان داشته باشید.
۴)تغییر اندازه تصاویر
افزونه Smush این امکان را میدهد تا اندازه تصاویر خود را به طور خودکار تغییر دهید. این ویژگی زمانی به درد شما میخورد که تصاویری با ابعاد بزرگ دارید و نیاز دارید با کاهش اندازه، حجم آن را کم کنید. شما میتوانید حداکثر عرض و ارتفاع تصاویر را مشخص کنید تا Smush به طور خودکار عکس را برش دهد و به اندازهی مورد نظر برساند.
۵)تشخیص و حذف دادههای اضافی
تصاویر معمولاً دادههای اضافی همراه خود دارند که حجم آنها را افزایش میدهد. از این نوع دادهها میتوان به اطلاعات EXIF اشاره کرد. افزونهی Smush این امکان را به شما میدهد تا این دادههای اضافی را از تصاویر حذف کنید. با این کار حجم تصاویر بدون تأثیر بر کیفیت به حداقل میرسد.
۶)پشتیبانی از انواع مختلف فرمتها
از مزیتهای افزونه Smush این است که از انواع مختلف فرمتهای تصویری مانند JPEG، PNG، GIF و WebP پشتیبانی میکند. این تنوع در پشتیبانی از فرمتها به شما کمک میکند تا تصاویر خود را در هر فرمتی که مایل بودید، بهینهسازی کنید.
آموزش نصب افزونهی Smush
– ابتدا به داشبورد وردپرس وارد شوید.
– در منوی داشبورد وردپرس، به بخش «افزونهها» بروید و بر روی «افزودن» کلیک کنید تا به صفحه افزودن افزونه جدید هدایت شوید.
– در نوار جستجوی موجود در قسمت بالای صفحه، عبارت «Smush» را تایپ کنید.
– پس از یافتن افزونهی Smush، بر روی گزینهی «هماکنون نصب کن» کلیک کنید. نصب افزونه بهصورت خودکار آغاز خواهد شد و پس از چند لحظه، گزینهی «فعالسازی» نمایان میشود. بر روی این گزینه کلیک کنید تا فرایند فعالسازی آغاز شود.
آموزش تنظیمات افزونهی Smush
بعد از اینکه افزونه فعال شد، گزینهی Smush به پیشخوان وردپرس شما اضافه میشود. وقتی روی آن کلیک کنید به شما خوشآمدگویی میکند و چند گزینه را به عنوان نصب آسان در اختیار شما قرار میدهد. میتوانید از این قسمت گذر کنید زیرا این تنظیمات را در ادامه انجام خواهیم داد.
نکته! حتماً قبل از استفاده از افزونه از سایت خود بکآپ بگیرید.

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

در پیشخوان وردپرس چنین منویی برای افزونهی Smush دیده میشود. در این مقاله میخواهیم تمام گزینههای آن را به شما آموزش دهیم:
اسماش گروهی

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

اولین بخش در این صفحه «Smush Mode» است. در صورتی که این گزینه را روی حالت «Super» قرار دهید، میتوانید تصاویر سایت را دو برابر بهینه کنید.
نکته! افزونه Smush ادعا میکند که این گزینه، کیفیت تصاویر را کاهش نمیدهد؛ اما برای اطمینان، پیشنهاد میکنیم چند نمونه از تصاویر خود را در سابدامین یا وردپرس لوکال آپلود کنید و گزینهی بهینهسازی سوپر را روی آن امتحان کنید. اگر کیفیت تصاویر افت نکرد، آنگاه میتوانید روی سایت اصلی این گزینه را با خیال راحت فعال کنید.
نکته! بهتر است ابتدا یک بار بهینهسازی ساده را انجام دهید سپس حالت سوپر را فعال کنید. این کار کمک میکند تا فشار کمتری به هاست وارد شود. اگر تصاویر سایت با همان بهینهسازی اولیه دچار مشکل شدند، دیگر حالت سوپر را فعال نکنید.

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

با فعال کردن گزینهی «فشردهسازی خودکار» زمانی که یک تصویر را روی سایت خود آپلود میکنید، این افزونه به صورت خودکار آن را فشرده میکند.
در بخش «متا داده»، افزونه Smush میتواند دادههای اضافی مانند EXIF (شامل اطلاعاتی مثل نوع دوربین، فاصله کانونی، تاریخ و مکان) را از تصاویر سایت حذف کند تا حجم آنها کاهش یابد. اگر نیاز به حفظ این اطلاعات ندارید، میتوانید با فعال کردن این گزینه عکسهای خود را بهینه کنید.

بخش بعدی مربوط به «تغییر اندازهی تصاویر» است. شما میتوانید در کادرهای مربوطه، عرض و طول دلخواه خود را مشخص کنید تا اندازهی تمام تصاویر تغییر کند.
گزینهی دیگری نیز با عنوان «غیر فعال کردن تصاویر مقیاسشده» وجود دارد. اگر این گزینه را فعال کنید، این قابلیت برای تصاویر بزرگتر از مقیاس مشخص شده، غیرفعال میشود.
نکته! وردپرس تصاویر PNG را از تغییر اندازه خودکار عکس حذف میکند. در نتیجه، فقط تصاویر JPEG تحت تأثیر این تنظیمات قرار میگیرند.
نکته! تغییر اندازهی تصاویر کمی پیچیده است؛ چون ممکن است ما در بخشهای مختلف سایت از تصاویری با سایزهای متفاوت استفاده کنیم. به همین دلیل اگر عکسهای زیادی در سایتتان دارید، ممکن است این گزینه خیلی به دردتان نخورد.

وقتی تصویری در سایت آپلود میشود، وردپرس به جای تصاویر اصلی، پیوستهای ایجاد شده را بهینه میکند. با فعال کردن این گزینه، افزونهی Smush بهینهسازی را روی تصاویر اصلی انجام میدهد.
همچنین اگر میخواهید فایل اصلی تصاویر خود را با همان کیفیت اولیه داشته باشید، گزینهی «پشتیبانگیری از تصاویر اصلی» را فعال کنید.

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

حالا اگر از بخش رسانهها وارد کتابخانهی وردپرس شوید، در توضیحات هر عکس مشخص شده که چند درصد از حجم تصاویر کاهش پیدا کرده است. همچنین اگر روی «نمایش آمار» کلیک کنید، روند بهینهسازی تصاویر به شما نمایش داده میشود.
اسماش مسیر (دایرکتوری بهینه سازی)

ممکن است شما یک دایرکتوری در هاست خود ایجاد کرده و تصاویر را در آن آپلود کرده باشید. در چنین شرایطی میتوانید در این بخش دایرکتوری موردنظر خود را انتخاب کنید. کافی است با کلیک روی گزینهی «انتخاب مسیر»، پوشه یا پوشههای موردنظر خود را انتخاب کنید تا بهینهسازی انجام شود.
نکته! این بخش تمام دایرکتوریهای سایت را در بر نمگیرد؛ صرفا دایرکتوریهای مربوط به پوشه WP content را به ما نمایش میدهد.
بخش بارگذاری تنبل یا Lazy Load

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

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

در این بخش مشخص میکنید که آپشن Lazy Load در کدام بخشها برای شما فعال شود.

اگر میخواهید امکان بارگذاری تنبل را در بخشی از سایت خود غیر فعال کنید، میتوانید آدرس آن را در کادر «نوشتهها، صفحهها و آدرسها» وارد کنید. همچنین اگر می خواهید Lazy Load فقط برای چند تصویر فعال نشود، کلاس یا آیدی مورد نظر را باید در کادر Keywords وارد کنید.
نکته! هر آدرس را در یک سطر وارد کنید.

با فعال کردن گزینهی «اسکریپت»، میتوانید تعریف کنید که اسکریپتهایی که استفاده میکنید مثل گوگل آنالیتیکس در فوتر سایت لود شوند. گوگل آنالیتیکس یک کد اسکریپتی در اختیار ما قرار میدهد که روی وبسایت خود قرار دهیم تا از طریق آن کد، دادهها را برای ما جمعآوری بکند. شما در این بخش میتوانید حالت «پاورقی» را انتخاب کنید تا این اسکریپتها در فوتر لود شوند.
در نهایت روی ذخیره تغییرات کلیک کنید تا تنظیمات انجام شده، اعمال شود.
نکته! برخی از اسکریپتها حتما باید در هدر باشند وگرنه دچار مشکل میشوند. اگر از اسکریپت خاصی استفاده میکنید، ابتدا در اینترنت تحقیق کنید یا از توسعهدهندهی اسکریپت مشورت بگیرید تا مطمئن شوید در فوتر برای آنها مشکلی ایجاد نخواهد شد.
نکته! این قابلیت در افزونه ی WP Rocket نیز وجود دارد. اگر در آن افزونه این قابلیت را فعال کردهاید، دیگر نیازی نیست در افزونه ی Smush، بارگذاری تنبل را فعال کنید.
بخش CDN

آپشن CDN در واقع یک سرویس توزیع محتوا است. این بخش به درد سایتهایی میخورد تصاویر خود را روی یک CDN بارگزاری کردهاند و میخواهد آنها را بهینه کنند.
ادغام

در این بخش گزینههای مختلفی وجود دارد که در صورت نیاز میتوانید آنها را فعال کنید. اگر از ویرایشگر گوتنبرگ استفاده میکنید میتوانید گزینهی «پشتیبانی گوتنبرگ» را فعال کنید. با فعال کردن این گزینه دکمهی بهینهسازی دستی به ویرایشگر گوتنبرگ شما اضافه میشود.
گزینههای دیگری مثل گرویتیفرم، WPBakery، Amazon S3 و … وجود دارد که در صورت نیاز میتوانید آنها را فعال کنید تا با افزونهی Smush همگامسازی شوند.
بخش تنظیمات
در این بخش میتوانید برخی از قابلیتها را تغییر دهید.

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

در بخش «دادهها» میتوانید مشخص کنید که دادههای ذخیره شده توسط افزونه، نگهداری یا حذف شوند. همچنین با کلیک بر روی گزینهی «بازنشانی تنظیمات» میتوانید تنظیمات را به حالت اولیه برگردانید.
نسخه پریمیوم چه قابلیتهایی دارد؟
افزونه Smush در دو نسخه رایگان و پریمیوم دارد که هر کدام ویژگیهای مخصوص خود را دارند. در بسیاری از مواقع نسخهی رایگان Smush کار شما را راه میاندازد. شما با نسخه رایگان تمامی کارهای اصلی مثل فشردهسازی بدون افت کیفیت، فشردهسازی خودکار تصاویر هنگام بارگذاری، و فشردهسازی گروهی تصاویر را میتوانید انجام دهید. نسخه پریمیوم Smush طبیعتاً امکانات پیشرفتهتری ارائه میدهد که میتواند برای وبسایتهای بزرگتر و حرفهایتر مفید باشد. در نسخه رایگان، فشردهسازی گروهی تا سقف ۵۰ تصویر انجام میشود اما در نسخه پریمیوم این محدودیت وجود ندارد. در نسخهی پریمیوم، امکان فشردهسازی با افت کیفیت تصاویر فراهم شده است. این ویژگی به شما اجازه میدهد تا تصاویر سایت خود را به طور قابلتوجهی فشرده کنید تا جایی که حتی کیفیت آنها کمی کاهش یابد. این ویژگی به ویژه برای سایتهایی کاربرد دارد که نیاز به کاهش حجم خیلی بیشتری دارند. علاوه بر اینها، نسخه پریمیوم Smush میتواند تصاویر را به فرمت WebP تبدیل کند. فرمت WebP یکی از جدیدترین و بهینهترین فرمتهای تصویری برای وب است. یکی دیگر از مزیتهای نسخهی پریمیوم Smush این است که به شما امکان میدهد تا تصاویر موجود در افزونهها و تمها را نیز فشرده کنید. با وجود تمام مزیتهای نسخهی پریمیوم، پیشنهاد میکنیم تا زمانی که سایت شما نیازی به خرید این نسخه پیدا نکرده است، با همان نسخهی رایگان پیش بروید.
با دموتیک خیالتان از سرعت سایت، راحت!
کاهش حجم تصاویر صرفاً یکی از راههای افزایش سرعت سایت است. برای اینکه سایتی کاملاً بهینه داشته باشید، موارد دیگری علاوه بر بهینهسازی تصاویر وجود دارد که باید آنها را رعایت کنید. ما در دموتیک به این موضوع واقفیم که سرعت پایین سایت تا چه اندازه میتواند رتبهی سایت شما را کاهش دهد و مشتریان را ناراضی کند؛ به همین دلیل تمام زیر و بمهای بهینهسازی سایت را بررسی کردیم تا بتوانیم از سایت شما یک ورژن سریعتر بسازیم. هزینهای که برای بهینهسازی سرعت سایت خود میکنید یک سرمایهگذاری هوشمندانه است؛ زیرا با جذب فقط چند نفر از مشتریانی که به دلیل سرعت پایین از دستشان داده بودید، جبران خواهد شد. فقط کافی است با مشاوران مجموعهی ما تماس بگیرید تا در عرض ۲۴ ساعت سایت شما را بررسی کنند و روشهای افزایش سرعت مناسب سایتتان را به شما ارائه دهند. اگر هم نمیتوانید بهینهسازی خود را به ما بسپارید پیشنهاد میکنیم این مقاله و دیگر مقالات مربوط به بهینهسازی را ـ که در بخش مقالات دموتیک منتشر کردهایم ـ با دقت بخوانید و روی سایت خود پیادهسازی کنید تا سرعت سایتتان تا حد امکان افزایش یابد.
نتیجهگیری
افزونه Smush یک ابزار قدرتمند است که به کمک آن میتوانید تصاویر را در سایت خود بهینه کنید. این افزونه قابلیتهای متنوعی دارد؛ مثل فشردهسازی بدون افت کیفیت، فشردهسازی خودکار تصاویر جدید، تغییر اندازه تصاویر و… . با استفاده از این قابلیتها میتوانید سرعت بارگذاری صفحات وبسایت خود را بهبود دهید و از مصرف پهنای باند بکاهید. شما با کمک این افزونه میتوانید رتبهبندی سایت خود را در موتورهای جستجو بالا ببرید. چه یک سایت کوچک شخصی داشته باشید و چه یک سایت تجاری بزرگ، Smush میتواند تصاویر شما را به بهترین نحو بهینه کند. امکانات این افزونه باعث میشود تجربهی کاربری بهتری برای بازدیدکنندگان، فراهم شود. اگر به دنبال یک راهکار ساده اما تأثیرگذار برای بهینهسازی تصاویر وبسایت خود هستید، افزونه Smush گزینهای عالی است که ارزش امتحان کردن را دارد.
آخرین مقالات
foodgardentehran
آموزش وردپرس و درآمدزایی از طریق آن