در این مقاله به رفع ارور Optimize images در GTmetrix میپردازیم
استفاده از تصاویر در وبسایت بخش عمده فایلهای آپلود شده روی یک سایت رو تشکیل میدن و تاثیر بسیار زیادی روی ایجاد تغییرات ظاهری در سایت دارند. همه ما در سایتامون و در هر نوشته حداقل از یک تصویر به خاطر اینکه بتونیم در جستجوی تصاویر گوگل هم بالا بیایم استفاده میکنیم. در این بین سعی میشه تا همیشه از تصاویر با کیفیت و زیبایی استفاده بشه که با خواندن پیام چشمی توسط بازدیدکننده در نگاه اول کاری کنید که محتوای سایت شما رو تا انتها دنبال کنند.
اما یک شرط مهمی که برای استفاده از تصاویر در سایت وجود داره متاسفانه نادیده گرفته میشه که اونم چیزی نیست جز Optimize images یا بهینه سازی کردن تصاویر سایت. این بهینه سازی از دو جهت مورد بررسی قرار میگیره که بخش اول شامل اندازه تصاویر و بخش دوم شامل حجم تصاویر میشه که در اینجا منظورمون حجم تصاویر هست.
آموزش رفع خطای Optimize images در جی تی متریکس
همونطور که اشاره کردم بهینه سازی تصاویر یک سایت شامل دو بخش هست که هر کدومشون مربوط به مواردی هستند که در زیر به توضیحشون میپردازم.
- بهینه سازی حجم تصاویر(optimize image): در این بخش باید کاری کنیم که حجم تصاویری که در صفحات سایت استفاده میکنیم ضمن اینکه حداکثر کیفیت رو داشته باشند، حداقل حجم ممکن رو داشته باشند. گزینههایی که میتونه روی افزایش حجم تصاویر تاثیر بزاره شامل ALT تصاویر، عنوان تصاویر، جزییات عکس، رزولوشن عکس، اندازه، فرمت فایل و… هستند.
- بهینه سازی اندازه تصاویر(Serve scaled images): این گزینه هم صرفا مربوط به اندازه و رزولوشن تصاویر هست که هرچی بزرگتر و در سطح بالاتری قرار داشته باشه باعث میشه که حجم تصویر هم بیشتر بشه.
سیستمهای مدیریت محتوا مثل وردپرس به صورت پیش فرض قابلیتی دارند که وقتی تصویری رو آپلود میکنید تا یک حدی حجم تصویر رو کم میکنند. اما این میزان به شکلی نیست که بتونید به صورت دلخواه تنظیمش کنید و برای این کار باید از افزونهها استفاده کنید. پس وقتی یک تصویری آپلود میکنید که حجم بالایی داره باید با هر ابزار ممکن کاری کنید که ضمن حفظ کیفیت، حجم اونو کمتر کنید.
وقتی با افزایش حجم تصاویر در سایت مواجه بشید این خطا به شکل بالا در جی تی متریکس نمایش داده میشه که میتونید با کم کردن حجم تصاویر اونو برطرف کنید. برای این کار چندین راهکار وجود داره که به بررسی هر کدوم میپردازم.
۱٫ استفاده از برنامههای ویرایشگر تصاویر
اولین و بهترین روش برای کم کردن حجم تصاویر سایت اینه که وقتی تصویر خودمون رو برای آپلود کردن در سایت میسازیم طوری فایل خروجی رو تهیه کنیم که حداقل حجم رو داشته باشه. به عنوان نمونه در برنامه فتوشاپ میتونیم موقع ذخیره کردن و خروجی گرفتن از تصویر نهایی با استفاده از قابلیت save for web تصویر رو برای استفاده در وب سایت بهینه کنیم. یا اینکه با تغییر رزولوشن عکس و کاهش کیفیت تصویر به میزانی که قابل قبول باشه حجم اونو کمتر کنیم.
یکی دیگه از این روشها اینه که موقع خروجی گرفتن اطلاعاتی که در تصویر ذخیره میشه رو حذف کنیم. به عنوصان نمونه وقتی با گوشی هوشمند خودتون تصویری رو میگیرید و قصد استفاده ازش تو وبسایت رو دارید اطلاعاتی مثل موقعیت جغرافیایی تصویر گرفته شده، مدل گوشی، تاریخ گرفتن تصویر و… ذخیره میشه که برای استفاده از سایت نیازی به این اطلاعات نداریم. پس بهتره موقع خروجی گرفتن از تصویر نهایی این گزینهها رو از روی تصویر حذف کنیم.
۲٫ استفاده از انتخاب فرمت درست
بین دو فرمت png. و jpg. که بیشترین میزان فرمت از استفاده تصاویر رو دارند، تصاویری Png. دارای کیفیت بالایی هستند و به همین دلیل حجم این تصاویر هم بالا خواهد بود. اما تصاویری که خروجی به صورت jpg. دارند کیفیت به نسبت کمتری دارند و علاوه بر اون هم میتونید در سه سطح میزان رزولوشن اونها رو مشخص کنید. در صورتی که روی رزولوشن متوسط یا پایین باشند حجم کمتری خواهند داشت.
نتیجهگیری:
خطای Optimize images یکی از مشکلات رایج در بهینهسازی وبسایتها به خصوص در ابزارهایی مانند GTmetrix است. این خطا معمولاً به دلیل استفاده از تصاویر با حجم و ابعاد بزرگ رخ میدهد که میتواند سرعت بارگذاری صفحات را به شدت تحت تأثیر قرار دهد. بهینهسازی تصاویر از دو جنبه حجم و اندازه بسیار مهم است و میتواند تاثیر چشمگیری بر عملکرد کلی سایت بگذارد.
برای رفع این مشکل، Optimize images باید به گونهای انجام شود که ضمن حفظ کیفیت، حجم تصاویر به حداقل ممکن برسد. استفاده از ابزارهای ویرایش تصویر برای فشردهسازی فایلها، حذف اطلاعات اضافی و انتخاب فرمت مناسب مانند JPG به جای PNG از راهکارهای مؤثر برای کاهش حجم تصاویر است. همچنین، بهکارگیری افزونههای بهینهسازی تصاویر در سیستمهای مدیریت محتوا مثل وردپرس میتواند به بهبود این فرآیند کمک کند.
در نهایت، توجه به این نکته که بهینهسازی تصاویر بخش مهمی از سئو و تجربه کاربری سایت است، میتواند باعث بهبود سرعت بارگذاری و کاهش خطاهای مرتبط با Optimize images در ابزارهای تحلیل عملکرد وبسایت مانند GTmetrix شود.