حل خطای serve scaled images

حل خطای serve scaled images

حل خطای serve scaled images

با سلام در این مقاله از میلاد وردپرس می خواهیم به حل خطای serve scaled images  در جی تی متریکس بپردازیم.

تا انتها با ما همراه باشید.

کمتر مدیر سایتی به دنبال رفع خطای Serve scaled images در جی تی متریکس نیست!

وجود چنین ارور مهمی در سایت GTMetrix.com این معنا را دارد که شما در وبسایتتان عکسی با ابعاد بزرگ برای کاربر لود می‌کنید ولی ابعاد کوچیک به آن نمایش می‌دهید. به زبان ساده امروزی حرف با عمل یکی نیست 🙂

اصلا بهینه سازی عکس یعنی چی؟ برای چی؟

همان طور که در پست Optimize images اشاره کردیم وقتی از عبارت بهینه سازی عکس استفاده می‌کنیم دو روش کلی برای بهینه سازی تصاویر مد نظر است،

روش اول بهینه سازی، سایز عکس ها (Serve scaled images) و کاهش حجم عکس ها (Optimize images) هست که باعث افزایش سرعت سایت می‌شود

روش اول به شکل غیرمستقیم بر روی بهبود سئو سایت تاثیر می‌گذارد.

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

در PageSpeed و ابزار تست سرعت gtmetrix اشاره به بهینه نبودن سایز و حجم عکس‌ها دارد به عبارتی خطای Optimize images و خطای Serve scaled images روش اول را متذکر می‌شود

و ما در این مقاله ابعاد عکس ها را کامل بررسی میکنیم.

حل خطای Serve Scaled Images در GTMetrix

همه ما با جی تی متریکس آشنایی داریم.

یک سیستم آنالیز سرعت وب‌سایت که سایت شما را از جنبه‌های مختلف بررسی و مشکلات سایتتان را حل می‌کند.

بیشتر بخوان بیشتر بدان  رفع خطای “Syntax Error” در وردپرس

اما اولین خطایی که بعد از آنالیز سایت شما در جی‌تی‌متریکس به چشم می‌خورد، خطای Serve Scaled Images هست.

خطایی که تا بحال نشده سایتی رو توی GTMetrix تست کنم و این خطا رو نبینم!

در هر صورت باید برای هر خطایی یک راه حل پیدا کرد و امروز راه حل ما برای حل خطای Serve Scaled Images در این مقاله معرفی خواهد شد.

راه حلی بسیار آسان و البته کاربردی!

فهرست محتوای این مقاله

خطای Serve Scaled Images چیست؟

خطای Serve Scaled Images یا سرو تصاویر مرتب شده!

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

این که گفتم یعنی چه؟!

به عنوان مثال شما تصویر یک گل روی سایتتان نمایش می‌دهید و این تصویر روی سایت شما با استفاده از CSS یا img width height در اندازه 200 در 200 پیکسل نمایش داده می‌شود.

تا اینجا هیچ مشکلی نیست. اما سورس تصویر (یعنی تصویری که از سرور دریافت می‌شود.) سایزی حدود ۲۰۰۰ پیکسل در ۲۰۰۰ پیکسل دارد!!!

فاجعه هست نه؟!

چرا فاجعه؟

چون شما نیاز به یک تصویر ۲۰۰ در ۲۰۰ پیکسلی دارید و برای نمایش یک تصویر ۲۰۰ پیکسلی، یک فایل ۲۰۰۰ پیکسلی که معمولا ۱۰ برابر حجم دارد را لود می‌کنید. این قضیه باعث می‌شود تا سایت شما حجم بسیار بالایی داشته باشد.

در صورتی که می‌توانید به جای نمایش چند تصویر ۲۰۰ پیکسلی، تصاویری با سایز ۲۰۰۰ پیکسل را نمایش دهید و حجم سایت خود را تا ۱۰ برابر کمتر کنید.

بیشتر بخوان بیشتر بدان  نصب شکست خورد: پوشهٔ هدف از قبل موجود است.

یک تاثیر شگفت در سرعت لود سایت شما!

 

بیشتر بخوانید:

 

حل خطای serve scaled images

 

حالا چطور خطای Serve Scaled Images را حل کنیم؟

برای حل این خطا کافیست تصاویر را در سایزی که در سایتتان نمایش داده می‌شود، لود کنید.

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

این کار برای یک وب‌سایت مثل میلاد وردپرس با چیزی حدود ۱۵ هزار تصویر کار بسیار سختی هست.

لازم هست بدانید که در وردپرس چیزی به نام image size داریم.

یعنی وقتی یک تصویر روی سایتتان آپلود می‌کنید.

این تصویر در سایز‌های مختلفی ذخیره می‌شود.

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

اما در هر صورت وقتی قالب سایتتان را تغییر می‌دهید عملا باید تصاویر را برای قالب جدید تغییر سایز دهید.

اینکار با افزونه regenerate thumbnails قابل انجام است.

افزونه Regenerate Thumbnails را همیشه بعد از تغییر قالب سایتتان نصب کنید و یکبار فرایند ساخت مجدد تصاویر شاخص را انجام دهید تا مشکل Serve Scaled Images در GTMetrix را حل کنید.

 آموزش نصب و استفاده از Regenerate Thumbnails را اینجا ببینید.

جمع بندی

خطای Serve Scaled Images در GTMetrix زمانی رخ می‌دهد که تصاویر سایت شما در اندازه و سایزی که باید نمایش داده شوند، لود نمی‌شوند.

یعنی تصویر منبع از سایز نمایش داده شده در سایت شما بسیار بزرگ‌تر هست.

برای حل این خطا باید تصاویر شاخص سایتتان را دوباره بسازید و ساخت دوباره تصاویر شاخص سایت با استفاده از افزونه Regenerate Thumbnails انجام می‌شود.

بیشتر بخوان بیشتر بدان  رفع مشکل serve scaled images

 

Click to rate this post!
[Total: 1 Average: 5]
نوشته ایجاد شد 398

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

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

نوشته های مرتبط

متنی که میخواهید برای جستجو وارد کرده و دکمه جستجو را فشار دهید. برای لغو دکمه ESC را فشار دهید.

بازگشت به بالا