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

mehdiace

کاربر عضو
21/11/18
104
6
18
سلام دوستان عزیز چجوری میشه تصاویر بهینه سازی کرد؟ من تصاویر سایتمو کم حجم کردم و حتی از افزونه WPsmush هم استفاده کردم اما باز سایت gtmetrix  از سایتم ایراد گرفته برای حجم تصاویر

 

پیام یزدانیان

کاربر عضو
30/8/17
327
17
18
28
بوشهر
سلام دستی اینکار را انجام بدید. 

اگر تصاویر مربوط به قالب شماست ، از تکنیکهای CSS Sprite استفاده کنید.

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

از امکان لیزی لود lazy loading هم استفاده کنید مفید است. 

 

mehdiace

کاربر عضو
21/11/18
104
6
18
سلام دستی اینکار را انجام بدید. 

اگر تصاویر مربوط به قالب شماست ، از تکنیکهای CSS Sprite استفاده کنید.

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

از امکان لیزی لود lazy loading هم استفاده کنید مفید است. 
سلام وقت بخیر یعنی نیاز به افزونه smush نیست؟ نظرتون راجع به سایت tinypng چیه؟

 

جاویدان

کاربر عضو
27/4/15
1,898
66
48
38
استان تهران
با سلام دوست عزیز

یکی از خواص خود وردپرس و وکامرس تنظیم عکس به اندازه مورد نیاز است .

یعنی اگر سایت شما بر اساس صفحه اصلی که GMatrix از اون برای اندازه گیری استفاده می کنه از عکس اندازه اصلی استفاده نمی کنه و از بند انگشتی استفاده می کنه باعث میشه سرعت سایت بالا بره زیرا ابعاد و حجم عکس کاسته میشه.

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

یکی از حالتها در فتوشاپ خروجی عکس به صورت وب هست یعنی حالت فشرده با مقداری کمرنگ شدن. حتی در خروجی اگر شما مقدار بلور 1 به اون بدید گاهی نا نصف نیز کم تر می شود. ضمن اینکه عکس ها در حالت png از حالت jpg & jpeg بیشتر است و اونهم در حالتی که شما از شیوه ترانسپارنت استفاده کنید بازهم حجم بیشتر می شود و البته پیکسل ابعاد نیز تاثیر دارد و حتی تعداد شبکه رنگ نمایش دهنده مثلا 256 یا 24 اینها همه در خروجی تاثیر گذار است.

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

موفق باشید

 

mehdiace

کاربر عضو
21/11/18
104
6
18
با سلام دوست عزیز

یکی از خواص خود وردپرس و وکامرس تنظیم عکس به اندازه مورد نیاز است .

یعنی اگر سایت شما بر اساس صفحه اصلی که GMatrix از اون برای اندازه گیری استفاده می کنه از عکس اندازه اصلی استفاده نمی کنه و از بند انگشتی استفاده می کنه باعث میشه سرعت سایت بالا بره زیرا ابعاد و حجم عکس کاسته میشه.

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

یکی از حالتها در فتوشاپ خروجی عکس به صورت وب هست یعنی حالت فشرده با مقداری کمرنگ شدن. حتی در خروجی اگر شما مقدار بلور 1 به اون بدید گاهی نا نصف نیز کم تر می شود. ضمن اینکه عکس ها در حالت png از حالت jpg & jpeg بیشتر است و اونهم در حالتی که شما از شیوه ترانسپارنت استفاده کنید بازهم حجم بیشتر می شود و البته پیکسل ابعاد نیز تاثیر دارد و حتی تعداد شبکه رنگ نمایش دهنده مثلا 256 یا 24 اینها همه در خروجی تاثیر گذار است.

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

موفق باشید
سلام دوست عزیزم

خیلی ممنونم

بهترین و کامل ترین راهنمایی بود