فیلم ا اموزشی خطای Serve scaled images در GTmetrix – عکسهای دردسرساز!

همه تلاشمونو میکنیم که سرعت سایتمون بالا بره ولی گاهی کوچکترین کاری که براحتی میتونیم انجام بدیم رو چشم پوشی میکنیم و بعداً جی تی متریکس مچمونو میگیره 🙂 میبینیم که کلی سرعت سایتمون الکی اومده پایین. خطای Serve scaled images در GTmetrix یکی از این خطاهاست. خب چی میخواد بگه جی تی متریکس دوست داشتنی توی این خطا به ما؟

گاهی عکسی که کاربر داره دانلود میکنه، مثلا ابعادش 1350*2400 هست. یعنی کاربر این عکس بزرگ رو دانلود میکنه، اما به این بزرگی نمیبینه. چرا باید این ابعاد بزرگ رو داخل سایت قرار بدیم بعد کاربر کوچیک ببینه؟ 😐 اول یه عکس بزرگ میذاریم بعد با CSS می یایم اندازه ها رو کوچیک میکنیم. چه مشکلی پیش میاد؟

در جلسات قبل هم راجع به بهینه سازی عکسها صحبت کردیم در بررسی خطای Optimize Images در اون جلسه بحث روی حجم عکسها بوده و در این جلسه بحثمون روی سایز عکسها هست و البته این خطا بر روی اون خطا هم مستقیماً تأثیرگذاره.

شما فرض کنین یه عکسی داریم 2.5MB اگه روزانه هزار بازدیدکننده داریم در روز فقط 2.5GB پهنای باند تنها برای یه عکس مصرف میکنیم. در ماه 73GB پهنای باند کل سایت ما برای عکسی مصرف میشه که براحتی میتونستیم بهینه ش کنیم. حالا اگه تو سایتمون صدها عکس بهینه نشده داشته باشیم چه اوضاعی میشه؟

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

برای رفع این خطا یکی از راهها استفاده از فتوشاپ هست در قسمت Save for web.

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

ابزارها و پلاگینهای دیگه ای هم برای رفع این خطا وجود دارن. در دوره ۸ ساعت افزایش سرعت سایت با استفاده از GTmetrix  کامل براتون توضیح دادیم.

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