چطور سرعت سایت وردپرس رو افزایش بدیم – بهینه سازی تصویرها، قسمت دوم

بهینه سازی تصویر در سایت وردپرس

این بخش از بهینه‌سازی سایت باید بارگذاری صفحه شما رو به میزان قابل توجهی بهبود بده.

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

اینجا چند ابزار خوب برای فشرده سازی تصاویر وجود داره:

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

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

WP Smush.it

ShortPixel Image Optimizer

EWWW Image Optimizer

Imagify Image Optimizer

بهینه سازی تصاویر – سایر پشنهادات

فرمت فایل‌ها نقش مهمی داره، توصیه‌ها:

JPEG برای عکس‌ها استفاده کنین

PNG استفاده برای گرافیک‌ها (یا تصاویر not detailed)

GIF برای گرافیک‌ها یا تصاویر کوچک ساده استفاده کنین

BMP/TIFF از اینا استفاده نکنین:)

تغییر اندازه تصویر با CSS توسط گوگل پذیرفته نمیشه

اگر از یک تصویر مشابه در بخش‌های مختلف سایتتون استفاده میکنین اما ابعاد اون در صفحات مختلف برابر نیست، باید به تعداد دفعاتی که ازش استفاده میکنین، ابعادش رو تغییر بدین و برشش بدین. چرا؟ چون استفاده از CSS برای تغییر ابعاد تصویر، تاثیر بسیار بدی امتیازدهی آزمایش کنندگان بارگذاری صفحه میذاره.

پست پیشنهادی : آموزش اضافه کردن منوی ناوبری به وردپرس

به عنوان مثال: از استایل‌های عرض یا ارتفاع برای تغییر ابعاد استفاده نکنین:

img{
      width: 150px;
      height: 100px;
}

img{

width: 150px;

height: 100px;

}

تاثیر تعداد زیاد عکس در یک صفحه بر بارگذاری صفحه

هر چقدر تصاویر سنگین‌تری در یک صفحه قرار بدین، بارگذاری صفحه کندتر میشه، خیلی ساده اس:)

ممکنه کسی بپرسه، گالری‌ها چطور؟ برای اینها، راه‌حلی وجود داره، میتونین از پلاگین‌هایی با قابلیت lazy loading برای تصاویر استفاده کنین.

استفاده از شبکه تبدیل محتوا (CDN)

یکی از مزایای استفاده از CDN اینه که فایل‌های ثابت، مثل تصاویر رو ذخیره میکنه و به بازدیدکننده‌ها این امکان رو میده که اونها رو از سرورهای CDN نزدیکتر دانلود کنن.

سرویس‌های رایگان CDN زیر رو برای سایتتون بررسی کنین:

CloudFlare – یک پلاگین ادغام وردپرس رو ارائه میده

Photon – سرویس CDN ارائه شده توسط JetpackJetpack

SwarmCDN – برنامه رایگان برای 10 گیگابایت تحویل رایگان تصویر دارن

این آموزش کوتاه رو دوست داشتین؟ لطفا به اشتراکش بذارین، مرسی:)