تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
مشکل در فراخوانی فایل در php 0 پاسخ 14 بازدید درخواست فارسی ساز لرن دش 0 پاسخ 86 بازدید گوشی های تلفن همراه 0 پاسخ 87 بازدید مشکل در نصب تراوین 4.2 2 پاسخ 327 بازدید خطا هنگام فارسی ساززنفرو 1 پاسخ 251 بازدید نگاهی به تاریخچه و انواع مختلف ساز آکاردئون 0 پاسخ 251 بازدید تبادل لینک و ریپورتاژ 2 پاسخ 509 بازدید تفاوت Rank Math و Yoast در سئو وردپرس 0 پاسخ 293 بازدید طراحی سایت چند منظوره 0 پاسخ 281 بازدید درخواست اسکریپت BigBlueButton 2 پاسخ 979 بازدید
تبلیغات

تبلیغات
تبلیغات تبلیغات

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

سئو , مقالات,آموزش,ترفند , وردپرس

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

 

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

 

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

 

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

خطای Serve Scaled Images یا سرو تصاویر مرتب شده! زمانی رخ می‌دهد که تصاویر سایت شما در اندازه و سایزی که باید نمایش داده شوند، روی سایت شما قرار نگرفته‌اند. این که گفتم یعنی چه؟! به عنوان مثال شما تصویر یک گل روی سایتتان نمایش می‌دهید و این تصویر روی سایت شما با استفاده از CSS یا img width height در اندازه 200 در 200 پیکسل نمایش داده می‌شود. تا اینجا هیچ مشکلی نیست. اما سورس تصویر (یعنی تصویری که از سرور دریافت می‌شود.) سایزی حدود ۲۰۰۰ پیکسل در ۲۰۰۰ پیکسل دارد!!! فاجعه هست نه؟!

 

چرا فاجعه؟

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

 

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

برای حل این خطا کافیست تصاویر را در سایزی که در سایتتان نمایش داده می‌شود، لود کنید. اما نمی‌توانیم تک تک تصاویر سایتمان را با فتوشاپ تغییر سایز دهیم و دوباره آپلود کنیم. این کار برای یک وب‌سایت مثل بیست اسکریپت با چیزی حدود 20 هزار تصویر کار بسیار سختی هست. لازم هست بدانید که در وردپرس چیزی به نام image size داریم. یعنی وقتی یک تصویر روی سایتتان آپلود می‌کنید. این تصویر در سایز‌های مختلفی ذخیره می‌شود.

 

سایز‌ها بستگی به قالب یا افزونه‌های نصب شده روی وردپرس شما دارند اما در هر صورت وقتی قالب سایتتان را تغییر می‌دهید عملا باید تصاویر را برای قالب جدید تغییر سایز دهید. اینکار با افزونه regenerate thumbnails قابل انجام است.

 

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

 

جمع بندی

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


دانلود


هاست + دامنه رایگان مناسب وردپرس و سایر اسکریپت ها وطن هاست >

هاست
مطلب مفیدی بود ؟

درخواست نصب

نویسنده : تیم محتوای 20اسکریپت 0 سئو , مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=44844
کلمات کلیدی پست :
تبلیغات تبلیغات
تبلیغات تبلیغات
مطالب مرتبط
9,651افزونه وردپرس گوگل آنالیز Google Analytics by MonsterInsights تاریخ : 2016/12/25
10,234افزودن کد امنیتی به فرم تماس ۷ با افزونه Really Simple CAPTCHA تاریخ : 2016/02/15
3,972غیر فعال کردن خطاهای php در وردپرس تاریخ : 2018/04/25
3,416آموزش ایجاد سوالات متداول به صورت آکاردئون در وردپرس تاریخ : 2018/06/23
768آموزش رفع خطای ۴۰۴ ساب فولدر وردپرس تاریخ : 2019/10/6
1,588حذف گزینه ویرایشگر از منو پیشخوان ودرپرس تاریخ : 2019/01/22
1,344افزودن شماره تلفن و اسکایپ با قابلیت برقراری ارتباط در وردپرس تاریخ : 2019/05/13
3,964کد نمایش دقیق زمان انتشار مطالب در وردپرس تاریخ : 2018/03/14
4,015ایجاد تاریخ انقضا برای مطالب وردپرس با افزونه Post Expirator تاریخ : 2018/02/12
1,256زمان‌‌بندی پست‌‌ها در وردپرس بصورت دسته‌جمعی تاریخ : 2019/06/17
1,148آموزش افزودن دکمه گوگل پلاس به وردپرس تاریخ : 2019/10/2
1,464چگونه جداول وردپرس را ریسپانسیو کنیم؟ تاریخ : 2019/06/19
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
تبلیغات
تبلیغات
تبلیغات
تبلیغات