راه حل ارور Serve scaled images در GTmetrix
ارور “Serve Scaled Images” در GTmetrix (یا ابزارهای مشابه مانند Google PageSpeed Insights) به این معنی است که شما تصویری را با ابعادی بزرگتر از آنچه در صفحه نمایش داده میشود بارگذاری کردهاید. این باعث میشود که مرورگر تصویر را هنگام نمایش کوچک کند، که منجر به بار اضافی و کاهش سرعت لود صفحه میشود.
حل کردن این مشکل به دو روش شدنی است.
ساده و راه حل سخت.
راه حل ساده این است که افزونه هایی برای حل این مشکل نصب کنید.
مانند:
-
Squoosh
-
TinyPNG
-
Smush
-
EWWW Image Optimizer
روش سخت این است که تمامی تصاویر را تغییر داده و به همان سایزی که در در سایت نمایش داده میشوند، بارگذاری کنید.
یعنی در مراحل طراحی سایت عکس ها نباید سایز بزرگ تر از اندازه های به کار رفته داشته باشند و تا حد امکان باید فشرده شده و کم حجم باشند.
اما بهترین راه حل برطرف کردن ارور Serve scaled images، استفاده از فرمت SVG است که دیگر این مشکل را ندارد. یعنی این فرمت با استفاده از کدنویسی کار میکند و بدون Scale شدن در هر سایزی قابل نمایش است. خود گوگل نیز پیشنهاد داده است از این فرمت برای افزایش سرعت سایت خود استفاده کنید.