ورود

View Full Version : سوال: نحوه نوشتن بهینه تر کدهای CSS


ali.aghdam
جمعه 03 دی 1389, 17:31 عصر
در اینجا (http://www.web.irtut.com/2010/12/css.html) یک سری نکات برای نوشتن بهینه تر کد های CSS معرفی شده است.


آیا شما هم نکاتی همانند آنها می دانید و اینکه آیا می توان این قبیل نکات را به صورت اتوماتیک انجام داد ؟
eshpilen
شنبه 04 دی 1389, 09:17 صبح
چندان مهم نيستن. ضمنا در سطح فوق مبتدي بودن.
ali.aghdam
شنبه 04 دی 1389, 10:09 صبح
چندان مهم نيستن. ضمنا در سطح فوق مبتدي بودن.

میشه استدلال خودتون رو از مهم نبودن اونا بگید؟
Keramatifar
شنبه 04 دی 1389, 13:32 عصر
چندان مهم نيستن. ضمنا در سطح فوق مبتدي بودن.
اتفاقا هرچی css بهینه تر و optimize تر باشه سرعت لود شدن سایت بیشتر میشه
بهمین دلیل مقالات زیادی در این زمینه ارائه شده
نکاتی که توی مقاله ذکر شده وجود داشت در مورد استفاده از مدل Shortened دستورات و استفاده از Selector های گروهی بود که به Optimize شدن css کمک می کند
علاوه بر اینها نکات دیگری هم وجود دارد از جمله:
استفاده از ID Selector بجای Class Selector
استفاده از ID Selector بصورت Child Selector
استفاده از Selector های ترکیبی
استفاده از کد رنگ ها بجای نام رنگها
و ...
ali.aghdam
شنبه 04 دی 1389, 14:13 عصر
اتفاقا هرچی css بهینه تر و optimize تر باشه سرعت لود شدن سایت بیشتر میشه
بهمین دلیل مقالات زیادی در این زمینه ارائه شده
نکاتی که توی مقاله ذکر شده وجود داشت در مورد استفاده از مدل Shortened دستورات و استفاده از Selector های گروهی بود که به Optimize شدن css کمک می کند
علاوه بر اینها نکات دیگری هم وجود دارد از جمله:
استفاده از ID Selector بجای Class Selector
استفاده از ID Selector بصورت Child Selector
استفاده از Selector های ترکیبی
استفاده از کد رنگ ها بجای نام رنگها
و ...

ممنون آقای کرامتی

آیا کتابی با همین عنوان وجود دارد که به بررسی جامع این نکات پرداخته باشد؟
eshpilen
یک شنبه 05 دی 1389, 08:30 صبح
اتفاقا هرچی css بهینه تر و optimize تر باشه سرعت لود شدن سایت بیشتر میشه
بهمین دلیل مقالات زیادی در این زمینه ارائه شده

اگر حجم CSS ها خیلی زیاد باشه شاید تاثیر مشهودی داشته باشه. حجم CSS بیشتر سایتها در حد کاملا محدودی هست؛ بخصوص اونایی که آدم خودش طراحی میکنه و دستی CSS مینویسه. شما میتونید حجم قسمتهای مختلف سایت رو براحتی اندازه بگیرید. کل CSS های شما چند کیلوبایت میشه و چقدر طول میکشه تا کاربر اونها رو دریافت کنه؟ حالا این رو با چیزهایی مثل تصاویر و فلش و حتی متن سایت خودتون مقایسه کنید.
بهرحال اولا اینطور خلاصه نویسی ها رو هرکس که یک منبع درست و حسابی CSS رو کامل خونده باشه میدونه؛ واسه همین گفتم فوق مبتدی. چون جزو الفبا هست و چیزی پیچیده و ناشناخته ای نیست. اصولا بنده از اولش همینطوری مینوشتم چون راحتتر و سریعتر هست. ولی روش مجزا هم بعضی جاها شاید بد نباشه از نظر خوانایی و راحتی ویرایش های بعدی و بعضی جاها کاربرد داره احتمالا.
دوما شما یک عکس نسبتا کوچک هم که در صفحهء خودتون میذارید اغلب حجمش چند برابر CSS های شماست. ضمن اینکه CSS بنظرم وقتی فشرده سازی روی محتوای ارسالی صورت بگیره، خوب فشرده میشه (اما بطور مثال تصاویر یا فلش از قبل فشرده هستن و بیشتر فشرده نمیشن معمولا). فشرده سازی رو با تنظیمات وب سرور میشه روشن کرد که میتونه خیلی بیشتر از چند خط CSS به کم شدن حجم ارسالی کمک کنه؛ بخصوص درمورد سایتهایی که متن زیادی دارن.