کم کردن تعداد request ها سمت سرور
سلام زمانی که از عکس ها استفاده میکنم تعداد درخواست ها 76 تو gtmetrix ثبت میشه ولی وقتی عکس ها رو بر میردارم 45 تا میشه . چرا با وجود عکس ها درخواست ها این قدر زیادهستش.
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام
این تاپیک در موردش بحث شده، سوال دوم و اقای موسوی پاسخ دادن، شما هم اگه انجام دادین روند کاری که انجام دادین رو بذارین بتونیم از تجربتون استفاده کنیم
خوب اشکال کار کجاست؟ هر تصویر یک ریکوئست نیاز داره و این به معنی این هست که شما ۲۹ تصویر در صفحه تون دارید لود میکنید.
اگر چه به نظرم تعدادش نرمال هست و مسئله حادی نیست ولی چندتا راهکار برای تعداد کم کردنشون موجوده:
استفاده از lazy loading. یعنی تا زمانی که اون عکس در معرض نمایش قرار نگرفته از قبل لود نشه. مثلا تصاویر پایین صفحه که فقط اگر کسی اسکرول کرد تا آخر صفحه براش لود بشن. یا تصاویر اسلایدرها که هنوز نوبتشون نرسیده.
و یکی راهکار دیگه هم استفاده از CSS Sprites هست که میاد تصاویر کوچولو کوچولو رو کنار هم و در یک تصویر قرار میده و با css و تنظیمات background-image میاد میگه فقط فلان محدوده از این عکس کلی رو نمایش بده. اینجوری مثلا ۲۹ تا تصویرتون رو هم خواهید داشت ولی فقط با یک ریکوئست. بدیهیست که این روش فقط مناسب تصاویری هستند که میخواید ازشون بعنوان bacground-image استفاده کنید. تصاویری مثل آیکون ها و المان های برندی و هویتی نمونه های رایجش هستند.