یه سوال که نمیدونم عنوانش چی بزارم!!!

[Sgwgo 316]

این قسمت Total number of requests در سایت gtmetrix یعنی چی؟ به چی مربوط میشه؟

میشه کمترش کرد؟

[oMid 2114]

اگر اشتباه نکنم تعداد نهایی درخواست هایی که برای مرورگر ارسال می شود را نمایش می دهد.

[Mostafa 2587]

بله دقیقا درخواست هایی است که به از به header ارسال میشود.

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

[ExOZaX 289]

بذار خیلی ساده اونجور که خودم میدونم بهت بگم داداش !

ببین داداش قبل از اینکه ما خود سایت رو ببینیم اون پشت پرده یه کارایی میکنه ! یعنی انگار سرور و مرورگر یه سری صحبت های دوستانه ای رو به صورت اینکه مرور گر سوال میفرسته از سرور جواب میگیره یا بلعکس . حالا باید یه کاری کنی که صحبت های بین این دوتا خلاصه بشه که من خیلی دنبالش نبودم ! نمیدونم

[Masoud 296]

سلام ،

برای کم کردن تعداد این درخواست‌ها می‌تونید از CSS Sprite برای تصاویر قالب استفاده کنید ، فایل‌های js , css رو هم تا جایی که می‌تونید و اشکالی پیش نماید با همدیگه ادقام کنید و ...

[سعید شعبانی 2047]

این قسمت Total number of requests در سایت gtmetrix یعنی چی؟ به چی مربوط میشه؟

میشه کمترش کرد؟

دوست عزیز با توجه به توضیحات دوستان مفهوم رو باید فهمیده باشید حالا برای کاهش اون می تونید راهکار های زیر را استفاده کنید:

1. استفاده از یک استایل یا همون css
   
2. کنار هم قرار دادن تصاویر اصلی سایت منظور همان آیکون ها می باشند و ساخت یک تصویر به جای چندیدن تصویر کوچک
   
3. استفاده کمتر از جاوا اسکریپت یا جمع کردن آنها در یک فایل جاوا اسکریپت
   
4. استفاده کمتر از iframe
   
5. استفاده از تصاویر کمتر در پست های سایت شما
   

[Sgwgo 316]

خیبلی دوست دارم CSS Sprite یاد بگیرم و انجام بدم ولی چطور کسی میتون کمکم کنه؟

[سعید شعبانی 2047]

ابتدا با استفاده از فتوشاپ تمامی آیکون ها و تصاویر را در یک عکس جای گذاری کنید سپس با استفاده از از پلاگین فایرباگ موزیلا و استفاده از قابلیت background در css به صورت عکس زیر موقعیت عکس را انتخاب می کنید.

[Sgwgo 316]

آها باید خیلی سخت باشه

کسی هست بیشتر توضیح بده

[Mostafa 2587]

کسی هست بیشتر توضیح بده

اگر CSS بلد باشید، یادگیری این قسمت کاملا آسان است.

همانطور که دوستان گفتند، تمامی تصاویر در طرح خودتان را در یک تصویر قرار میدهید. (مانند تصویر زیر)

سپس در css با background-position به عنصرهای خود مختصات میدهید.