رفع مشکل Combine images using CSS sprites در جی تی متریکس

سلام این ارور در جی تی متریکس امده قابلیت lazy load را هم فعال کردم ولی فایده نداشته و برای 5 تصویر این اررو امده ممنون می شم کسی راهنمایی و حلش کنه
[Combine images using CSS sprites]

Combine images using CSS sprites راهکاری است که با استفاده از زبان CSS می توانید بخشی از تصاویر را نمایش داده و بخشی را مخفی کنید. یعنی می‌توان برای کاهش تعداد درخواست HTTP -requests با قرار دادن چند تصویر که ثابت هستند، کاری کرد که فقط یک درخواست به سایت ارسال شود، اما در عین حال بتوانیم بخشی از تصویر را نمایش دهیم.

بعنوان مثال برای شما به 5 تصویر این ایراد را گرفته , برای لود این تصاویر 5 درخواست به سرور ارسال خواهد شد. اما میتوان با در کنار هم قرار دادن این تصاویر و تهیه یک خروجی 5 تصویر را در داخل یک تصویر قرار داد و استفاده کرد که در این صورت فقط 1 درخواست برای سرور ارسال خواهد شد. در این صورت تعداد درخواست‌ها را به میزان 4 مرتبه کاهش داده‌ایم.

برای حل این موضوع شما باید این 5 تصویر با ابزاری مشابه فتوشاپ با تناسب برابر در کنار هم بر روی یک تصویر قرار دهید سپس آنرا در هاست خود آپلود نمایید و سپس با css موقعیت تصویر را تعریف کنید.

راه حل بعدی ابزار آنلاینی است که کافیه وارد سایت زیر شوید و تصاویر خود را آپلود نمایید و در انتها این سایت خروجی نهایی css را به شما میدهد و شما میتوانید از آن در سایتتون استفاده کنید
سایت CSS Sprite Generator

4 Likes

عزیز کاربرد و علت ارور را می دونستم می خواستم یکی برطرف کنه چون کد نویسی را مشکل دارم

از سیر تا پیاز رو توضیح دادن. اینجا انجمن فنیه و کسی کاری رو برای کسی انجام نمیده. راهکار ارایه میشه. اگر نیاز به استخدام فردی دارید درخواستتون رو در بخش استخدام فریلنسر پست بدین. یا می تونید از وب سایت هایی مثل پونیشا استفاده کنید.

1 Like

ممنون از راهنمایی شما

2 Likes