رفتن به مطلب

css sprites چیست


پست های پیشنهاد شده

سلام دوستان . من برای افزایش سرعت سایت , جستجو که میکردم با عنوان استفاده از css strip برخورد کردم . خیلی جستجو کردم اما مطلب جامع و خوبی در این مورد پیدا نکردم . حتی یک خط . شاید خوب جستجو نکردم . ممنون میشم یکی در این مورد توضیح بده .

چون با اینکه این موارد رو رعایت کردم سرعت سایتم خوب نیست :

1- استفاده از تصاویر کم حجم در سایت .

2 - لود شدن بعضی کدهای جاوااسکریپت و css در body (در footer.php ).

3 - گذاشتن سایز برای بیشتر عکسها.

و ...

حالا این css strip نمیدونم چیه ؟

سرعت سایتم تو فایرفاکس خیلی بهتره ( با اینترنت 512 تو فایرفاکس در 3 ثانیه باز میشه ولی در اکسپلورر بیشتر از 12 ثانیه :( )

ویرایش شده توسط pary_daryayi
لینک به ارسال

تكنيكيه كه به واسطه اون ميشه تعدادي از عكس ها رو در قالب يك عكس در اورد و بعد با استفاده از تعاريفي در سي اس اس اون رو جدا و در نقاط مختلف صفحه بكار برد ... كه اينكار باعث كم شدن ريكوست ها و فشار كم به سرور ميشه ..

آموزش :

لینک به ارسال

من به جای sprites , تایپ میکردم strip ;)

مرسی آقا آرمان

و یک سوال دیگه :

من کدهای css رو به این صورت نوشتم :


/* --------------slider------------- */
#top-panel{
width:940px;
min-height:300px;
position:relative;
margin:auto;
}
#slide-panel{
width:100%;
height:300px;
}
.theme-default{
width:900px;
height:260px;
margin:auto;
}

آیا فرقی بین این نوع نوشتن و این یکی هست ( در سرعت لود شدن سایت )


/* --------------slider------------- */
#top-panel{width:940px;min-height:300px;position:relative;margin:auto;}
#slide-panel{width:100%;height:300px;}
.theme-default{width:900px;height:260px;margin:auto;}

ویرایش شده توسط pary_daryayi
لینک به ارسال

کد دومی،فشرده سازی شده استش و پیشنهاد میشه ازش استفاده کنید!

چرا که حجم کمتری نسبت به کد اولی داره

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...