جلسه ۲۴ – رفع ارور Efficiently encode images

رفع ارور Efficiently encode images یا Optimize images جی تی متریکس قدیم

رفع ارور Efficiently encode images

ارور Efficiently encode images در جی تی متریکس جدید اومده و دقیقا همون ارور سابق یعنی Optimize images هست.

اکثر سایت ها با خطای Efficiently encode images در جی تی متریکس روبه‌رو میشن، مربوط به سئو عکس هست، و اگر شما این ارور که بسیار ساده هم هست، حل کنید میتونه روی سرعت شما اثر بذاره ولی کمتر روی گزارش Performance جی تی متریکس اثرگذار هست. در ادامه بیشتر درباره این مشکل و ارور gtmetrix صحبت می‌کنیم.

درود بر تو، من پوریا آریافر کارشناس و متخصص سئو هستیم و همینطور نویسنده این مقاله از مجموعه مقالات آموزش بهینه سازی PageSpeed سایت با GTmetrix، در خدمت شما هستیم و قصد داریم در این دوره وب‌سایتی بهینه توسط ابزارهای آنلاین تست سرعت سایت مثل جی تی متریکس یا Pagespeed گوگل ایجاد کنیم.

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

خلاصه‌ای از خطای Optimize images

نام: Optimize images
نوع: عکس
اولویت: بالا
میزان سختی: متوسط
میانگین امتیاز: 69%

بهینه سازی عکس فقط کاهش حجم نیست! (مهم بخون)

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

۱ – سایز عکس ها (Serve scaled images) رو میتونید درست و صحیح انتخاب کنید و اگر الان عکس هاتون اندازه مناسب نداره بهبود بدید. البته به این خطا به تازگی میگن Efficiently encode images

۲ – کاهش حجم عکس ها (Optimize images) که عالی هست و داخل همین مقاله در پایین راه کارهاشو میگم.

۳ – ابعاد تصویر رو در تگ img درج کنیم تا نیاز نباشه مرورگر به فکر تحلیل و اندازه گرفتن عکس ها باشه. اگر این مشکل در سایت شما وجود داشته باشه جی تی متریکس خطای رفع خطای Specify image dimensions نمایش میده.

۴ – استفاده از لود تنبل یا لیزی لود برای تصاویر یکی از گزینه های عالی برای بهبود سرعت یک صفحه هست.

۵ – ادغام تصاویر کوچک یک گزینه خوب برای کاهش درخواست ها هست، همون روش کمی سخت css sprites رو میگم.

۶ – و موارد دیگر سئو عکس مثل استفاده از اتریبیوت های همانند title و alt در عکس ها که به صورت مستقیم میتونه روی سئو اثرگذار باشه.

۷ – استفاده از CDN در عکس ها هم کمک بسیار زیادی به بهینه سازی تصاویر میکنه. ما تو مقاله بهترین افزونه های تصاویر وردپرس درباره این موارد به همراه افزونه وردپرس صحبت زیادی داشتیم.

علت خطای Efficiently encode images در جی تی متریکس

رفع خطای Efficiently encode images

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

رفع ارور Efficiently encode images یا Optimize images

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

بهترین روش برای رفع ارور Efficiently encode images قبل از آپلود عکس در سایت می‌باشد شما می توانید با استفاده از ابزارهای همانند فتوشاپ سایز و حجم آنها را بدون کاهش کیفیت، خروجی بگیرید. به این منظور عکس مورد نظر را در فتوشاپ باز کرده و بعد از آن بر روی تب File کلیک کنید و گزینه Export را انتخاب کنید، در زیرمنوهای نمایش داده شده گزینه Save for Web را انتخاب کنید، در پنجره باز شده می‌توانید انواع کیفیت و سایز مد نظر برای عکس را انتخاب کنید.

رفع ارور Efficiently encode images

 

البته استفاده از فتوشاپ و مخصوصا قسمت Save for Web قلق خاصی دارد و به تنظیمات به ظاهر ساده آن فقط توجه نکنید. به شخصه هر بار مورد جدیدی از تنظیمات ساده همین قسمت فتوشاپ یاد می‌گیرم و چون سخت بود که در قالب متن درج شود در قالب فیلم درباره این قلق های کاری هم در دوره جامع ۸ ساعت افزایش سرعت سایت گفته‌ام و هم در دوره بهینه سازی و کاهش عکس. دوستانی که علاقه دارند می‌توانند یک بررسی کنند.

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

روش دوم برای رفع ارور Efficiently encode images استفاده از ابزارهای آنلاین فشرده سازی می‌باشد. سایت‌های معروف و قوی همانند optimizilla.com، سایت tinypng.com و compressor.io ابزارهای آنلاین مناسبی برای کاهش انواع فایل‌های تصویری هستند.

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

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

روش سوم برای رفع مشکل Efficiently encode images استفاده از پلاگین های وردپرس و جوملا است. گاهی ممکن است شما تعداد تصاویر بسیاری را در سایت خود با حجم بالا قرار داده‌اید و زمان لازم برای بهینه سازی حجم زیادی از عکس ها را ندارید در این صورت پلاگین هایی که اشاره خواهیم کرد می‌توانند به شما اندکی در کاهش حجم تصاویر کمک کنند.
از معروف ترین پلاگین های وردپرس می‌توان به افزونه EWWW Image Optimizer و افزونه Smush اشاره کرد و پلاگین‌های ImageRecycle image optimizer و Imgen برای مدیریت محتوای جوملا مناسب هستند، البته جوملا پلاگین دیگری به نام JCH Optimize نیز دارد که پک کامل در زمینه بهینه سازی سایت است و یکی از ویژگی‌های این پلاگین فشرده سازی تصاویر است.

مهم: همینطور ما یک مقاله خیلی جامع درباره افزونه های مربوط به عکس در وردپرس نوشتیم، برای دوستان وردپرسی حتما پیشنهاد میکنم این مقاله رو بخونن

ما یک دوره بسیار مفید و حرفه ای برای بهینه سازی حجم و اندازه عکس ها و همینطور سئو تصاویر به شکل اصولی برگزار کردیم، برای مشاهده سرفصل‌های دوره میتونید روی عکس زیر کلیک کنید:

آموزش کاهش حجم تصاویر بدون افت کیفیت

روش چهارم – بسپارید به یک تیم تخصصی

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

اگر برای بهبود و بهینه سازی سایتتون دنبال یک تیم تخصصی در زمینه سئو بودید میتونید خدمات سئو ما رو مشاهده کنید، شاید لازمتون شد.

روش پیشنهادی و کلام اخر:

پیشنهاد ما برای بهینه سازی تصویر و کاهش حجم عکس ها استفاده از نرم افزار Photoshop هست و طبق تجربه‌های چند ساله خودم هیچ یک از روش‌ها انعطاف‌پذیری و کارایی فتوشاپ در بهینه سازی تصاویر را ندارد.
با اجرای روش‌های گفته شده به راحتی مشکل Efficiently encode images برای شما حل می‌شود.

من پوریا آریافر نویسنده این مقاله امیدوارم تونسته باشید به کمک این آموزش‌ها باعث بالا بردن سرعت سایت و در نتیجه بهبود سئو داخلی شوید، اگر سوالی داشتید حتما در نظرات سایت میزفا مطرح کنید من پاسخگو خواهم بود. به سرعت سایت خودتان اهمیت دهید چرا که آموزش سرچ کنسول اشاره کردیم گوگل گزارشی آورده به عنوان Speed و این اهمیت پیش از گذشته سرعت سایت را نشان می‌دهد.

این جلسه از آموزش کامل GTmetrix که مربوط به رفع ارور Optimize images بود، هم به پایان رسید در جلسه بعد به رفع خطای Eliminate render-blocking resources می‌پردازیم. با میزفا همراه باشید.

فیلم آموزشی افزایش سرعت سایت با gtmetrix
فیلم آموزشی افزایش سرعت سایت با gtmetrix
پوریا آریافر
اولین کسب و کار آنلاین خودم رو در فیسبوک راه‌اندازی کردم، سال ۲۰۱۱ یکی از پرتعامل‌ترین صفحات فارسی با ۸۰ هزار فالور فعال رو داشتم. بعد اینکه فیسبوک خالی از کاربر ایرانی شد وارد دنیای شبکه شدم و در انتهای سال ۲۰۱۲ مدرک MCSE مایکروسافت رو دریافت کردم، در حالی که نمره بالا گرفتم ولی کسی به دلیل به خطر افتادن موقعیت شغلی خودش به عنوان کارآموز منو قبول نمی‌کرد، بعدش با شروع دوران خدمت سربازی، مسئول بهینه سازی یک سایت خبری معتبر شدم و سئو یاد گرفتم. در ابتدای سال ۲۰۱۴ تونستم از رتبه ۱۵۰۰۰ به ۴۰۰ الکسا نزدیک کنم، اون زمان الکسا خیلی مهم بود. وارد دانشگاه شدم، به دلیل عدم علاقه به دانشگاه سعی کردم زودتر تمومش کنم و سه ساله در مقطع کارشناسی IT فارغ التحصیل شدم، توی دانشگاه هر کسی منو میدید یاد سئو میوفتاد، در همون سال آخر دانشگاه بزرگ‌ترین کانال تلگرامی IT با ۴۰ هزار عضو رو داشتم، که به مجتمع فنی فروختم تا بتونم تمرکز رو فقط بر روی عشق خودم یعنی سئو بذارم، وقتی کانال تلگرام فروختم حس پرواز بهم دست داد، هرچند درآمد چندین میلیون ماهانه رو از دست دادم ولی دوباره باید مثل گذشته با پوستی نو یک فصلی نو رو میساختم. در این چندین سال فعالیت‌های سئو به شکل تخصصی بنده در قالب پروژه‌های مختلف و آموزش‌های حضوری و غیرحضوری در دفتر میزفا و دانشگاه علامه طباطبایی تهران صورت ‌گرفته، تجربه بهینه سازی موفقی در بهبود UX و CRO پروژه‌های سئو کسب کردم. در اکثر ابزارهای کاربردی گوگل تسلط کاملی دارم. عاشق کسب تجربه های جدید هستم. راز پیشرفت در هر کاری رو یادگیری و یاددادن می‌دونم و میزفا که در اواخر ۲۰۱۶ راه‌اندازی شد تونست چنین بستر مناسبی رو برام فراهم کنه. همینطور در حال حاضر مدیریت یک تیم ۱۰ نفری از جوانان فعال و پرانگیزه رو در میزفا به عهده دارم. نقد و بازخوردهای سازنده شما، جوهر تلاش‌های مستمر ماست تا یک قدم خودمون بهبود بدیم. منتظریم …
لیست آموزش GTmetrix نسخه جدید

31 نظر

31 پاسخ

  1. سلام. خسته نباشید.
    یک مشکلی که بنده در این زمینه در وردپرس دارم بهینه نبودن thumbnail های تصاویر هست.
    خود عکس ها رو به خوبی فشرده می کنم و هیچ اروری ازشون گرفته نمیشه، اما برای بیشتر thumbnail ها خطای فوق نمایان میشه.
    کل ارور های سایت بنده در این بخش مختص thumbnail هاست. حتی گاهی اوقات حجم thumbnail از تصویر اصلی بیشتر میشه.
    به جز استفاده از افزونه های بهینه سازی عکس وردپرس، ترفندی برای رفع این مشکل وجود داره؟ ضمنا از افزونه Force Regenerate Thumbnails هم استفاده می کنم.
    خیلی ممنونم از شما که نظرات کاربران رو با حوصله پاسخ می دهید.

    1. سلام مهدی.
      سایتت رو بررسی کردم و من مشکل خاصی ندیدم.
      راستی اگر تو سایتت رپورتاژ درج میکنی خبر بده و قیمت بده با تخفیف به من 😉
      موفق باشی.

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

  3. سلام
    ممنون که مطالب آموزشی تو سایتتون قرار میدید.

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

    1. سلام علیرضا جان.
      اگر عکس دیگه اپلود نمیکنید خب حذف کنید.

  5. با عرض سلام من در سایتم تمام عکس هام SAVE FOR WEBگرفته شده ولی در GTMETRIX میزنه نیاز به بهینه سازی داره دلیلش به نصب نبودنGZIP میتونه باشه؟

    1. سلام شهاب جان. فعال بودن gzip ربطی به عکس ها نداره. نحوه استفاده از save for web هم مهمه. با این حال اگر فکر میکنید عکس ها حجم خوبی دارن و کیفیت مطلوبی هم دارن، خیلی نیاز نیست روی این مورد تمرکز کنید.

  6. با سلام و قدر دانی فراوان از شما
    من تازه کار انجام سئو سایت را شروع کردم و برای شروع وارد gtmetrix شدم اما در قسمت optimize برای تمام عکس های من ایراد گرفته وقتی روی گگزینه ی see optimize کلیک میکنم این عکسی که باز میشه عکس در حالت بهینه شده است؟
    و اگر نه خب من تمام عکس ها را در فتوشاپ save for web کردم مشکل از چیست ؟
    و اینکه به نظر شما میتونه مشکل از سایز های عکس باشه؟؟

    1. سلام عزیز. نحوه استفاده از save for web هم مهمه. با این حال اگر فکر میکنید عکس ها حجم خوبی دارن و کیفیت مطلوبی هم دارن، خیلی نیاز نیست روی این مورد تمرکز کنید.
      ممنونم از حضورتون

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

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

  8. ممنون تز پاسخ گویی تون
    یه سوال دیگه هم داشتم داخل هاست عکس های optimize شده رو که میخواستم آپلود کنم شاید ده تا عکس به همون اسم بود با حجم های متفاوت آیا قبلیترو باید پاک کنم ؟ و اینکه عکس های optimize شده رو‌چطوری از تو هاست آپلود کنم که جایگزین عکس قبلی بشه ؟؟

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

  9. ممنون از توضیحاتتون ،
    اما اینکه تو قسمت Optimize images لینک هایی که داده همه عکس ها زیر 100 کیلو بایت هستش و در ضمن من هیچ کدوم از عکس هام بالای 150 کیلو بایت نیست، اما گرید ی که بابت Optimize images داده (0) F هستش
    ممنون میشم راهنماییم کنین

    1. ربطی نداره زیر ۱۰۰ کیلوبایت هست یا بالای ۱۰۰ کیلوبایت. بهینه سازی لازم رو انجام بدید. همین مجموع عکس های کوچک وقتی زیاد باشن حجم سایت بالا میبره.

    1. خواهش میکنم. با عضویت در کانال میزفا میتونید اخرین اموزش ها رو اطلاع پیدا کنید.
      موفق و پایدار باشید.

  10. با سلام و عرض ادب
    ببخشید من با مشکل Image Optimizer در سرعت سایت روبه رو شدم و هر کاری می کنم با افزونه هم درست نمیشه راه حل پیشنهادی شما

    1. سلام، استفاده از ابزار قدرتمند فتوشاپ. آموزش استفاده این ابزار رو در منو تو قسمت دوره‌های مجازی درج کردیم.

  11. سلام روز بخیر
    من هم در فتوشاپ بهینه سازی انجام میدم
    هم در سایت های بهینه سازی
    و هم افزونه smush را نصب کردم
    با وجود همه این موارد هنوز هم جی تی متریکس به مقاله ها و تصاویر من ایراد میگیره و تقریبا 0% ارزیابی کرده

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

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

        1. ادرس سایت درج کنید تا بتونیم بهتر راهنمایی کنیم

  12. سلام یه سوال داشتم
    متاسفانه gtmetrix عکس هایی رو ایراد میگیره که من اصلا روی هاستم ندارم و اگر هم بوده حذف کردم.
    به نظرتون باید چه کنم؟

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید.

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر
دوره سئو، رایگان شد.
فرصتی رایگان برای یادگیری
کاراکتر اشاره گر