کاهش حجم تصاویر وردپرس

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

چرا بهینه سازی عکس در وردپرس اینقدر مهمه ؟

شاید فکر کنید چند کیلوبایت بالا و پایین فرقی نداره ولی وقتی یک صفحه ده تا عکس داشته باشه مجموع حجم اونها به راحتی به بالای ۵ یا ۶ مگابایت میرسه . هیچ کاربری این روزها چند ثانیه معطل لود شدن عکس نمیمونه و سریع صفحه رو میبنده . کم کردن حجم تصاویر سایت نه تنها سرعت لود رو بالا میبره بلکه مصرف پهنای باند هاست شما رو هم به شدت کاهش میده .

از طرف دیگه الگوریتم های جدید گوگل و بحث Core Web Vitals مستقیما به سرعت بارگذاری صفحات وابسته هستن . یعنی اگر عکس هاتون بهینه نباشه هر چقدر هم محتوای خوبی بنویسید باز هم به صفحه اول نمیرسید چون تجربه کاربری ضعیفی ایجاد کردید .

بهترین فرمت برای کم کردن وزن تصاویر سایت چیه

قبل از اینکه بریم سراغ افزونه یا ابزارها باید بدونید فرمت عکس تاثیر زیادی روی حجم داره . فرمت های قدیمی تر مثل PNG برای عکس های گرافیکی با پس زمینه شفاف عالی هستن اما برای عکس های معمولی حجم سرسام اوری دارن . فرمت JPG برای اکثر عکس های وب مناسب تره اما استاندارد امروزی وب چیز دیگه ای هست :

• فرمت WebP : بهترین گزینه برای وردپرس هست چون حجم فایل رو تا ۳۰ الی ۴۰ درصد نسبت به JPG کمتر میکنه بدون اینکه کیفیتش خراب بشه . امروزه تقریبا همه مرورگرها به راحتی ازش پشتیبانی میکنن .
• فرمت AVIF : نسل جدیدتره و فشرده سازی فوق العاده ای داره ولی هنوز به اندازه وب پی همه گیر نشده با این حال کم کم داره جای خودش رو باز میکنه .

روش های فشرده سازی عکس در وردپرس

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

۱ . کاهش حجم عکس قبل از بارگذاری در سایت

اگه نمیخواید هاستتون درگیر پردازش بشه یا سایتتون سنگین بشه بهترین کار اینه عکس رو قبل از اپلود بهینه کنید . سایت هایی مثل TinyPNG یا Squoosh فوق العاده عمل میکنن . شما کافیه عکس ها رو داخل سایت بندازید تا با کمترین افت کیفیت حجم رو تا نصف یا حتی بیشتر فشرده کنن و بعد فایل خروجی رو روی هاستتون اپلود کنید . حتی با نرم افزاری مثل فتوشاپ هم با گزینه Save for Web میتونید ابعاد و حجم عکس رو دستی کنترل کنید .

۲ . استفاده از افزونه های کاهش حجم تصاویر وردپرس

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

چند تا از معروف ترین هاشون اینا هستن :

• افزونه Smush : یکی از محبوب ترین پلاگین هاست که نسخه رایگانش هم کار راه اندازه و به صورت اتوماتیک عکس ها رو موقع اپلود بهینه میکنه .
• افزونه Imagify : کار باهاش خیلی سادست و سازنده افزونه معروف راکت ساخته اش . کیفیت فشرده سازیش عالیه و تبدیل به وب پی رو خیلی تمیز انجام میده البته در ماه سقف مشخصی برای اکانت رایگان داره .
• پلاگین LiteSpeed Cache : اگه وب سرور هاست شما لایت اسپید باشه بخش بهینه سازی تصویر این افزونه رایگانه و تمام عکس های قبلی و جدید رو روی سرورهای ابری خودش فشرده میکنه بدون اینکه فشاری به هاست شما بیاد .
• افزونه Robin image optimizer : یک گزینه سبک و بی دردسر برای کسایی که دنبال تنظیمات پیچیده نیستن و میخوان سریع نتیجه بگیرن .

یک اشتباه رایج : سایز و ابعاد بیش از حد بزرگ تصاویر

خیلی از وبمسترها فکر میکنن فشرده سازی فقط به کیفیت برمیگرده در حالی که ابعاد فیزیکی عکس مهم ترین فاکتوره . وقتی قالبتون حداکثر عرض محتواش ۸۰۰ پیکسله دلیلی نداره عکس با عرض ۳۰۰۰ پیکسل از دوربین داخل سایت اپلود بشه حتی اگه فشرده شده باشه . وردپرس موقع لود مجبور میشه اون تصویر غول پیکر رو لود کنه و با کد ریسایز کنه که این کار پردازنده مرورگر رو درگیر میکنه و سرعت رو میاره پایین . همیشه قبل از بارگذاری ابعاد عکس رو متناسب با نیاز قالبتون ریسایز کنید .

تنظیمات Lazy Load یا لود تنبل را جدی بگیرید

لود تنبل یا لود تنبل تصاویر قابلیتی هست که باعث میشه عکس ها همزمان با باز شدن سایت دانلود نشن بلکه وقتی کاربر صفحه رو اسکرول میکنه و به موقعیت عکس میرسه تازه عکس لود بشه . این تکنیک به شدت در سرعت اولیه سایت و رتبه صفحات تاثیر داره . وردپرس به طور پیش فرض این قابلیت رو اضافه کرده اما با افزونه های کش مثل راکت یا لایت اسپید میتونید کنترل دقیق تری روی نحوه لود عکس ها داشته باشید و اجازه ندید سرعت سایت افت پیدا کنه .