PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : بهینه سازی فایل های css



98melody
August 22nd, 2014, 12:56
سلام
دوستان یه سری ماژول ها هست که css سنگین دارن چه نرم افزار و یا سایتی رو پیشنهاد میکنید برای فشرده کردن ؟ با استفاده از یک سایت این کارو کردم ایا کد الان درست هست ؟ مشکلی برای قالب و ... ایجاد نمیکنه ؟
همونطور که میبینید تو بعضی قسمت های کد بهینه شده کد به غیر از اینکه فاصله برداشته شده حذفم شده قسمتی از کد...
سایت مربوطه (http://www.refresh-sf.com/yui/)

کد اصلی


#addresses #center_column .page-heading { margin: 0 0 22px; }
#addresses #center_column p {
margin: 0 0 13px; }
#addresses #center_column p.p-indent {
margin: 0 0 27px; }

.address li.address_update {
margin: 14px 0 6px 0; }
.address li.address_update a {
margin: 0 10px 0 0; }

کد بهینه شده


#addresses #center_column .page-heading{margin:0 0 22px}
#addresses #center_column p{margin:0 0 13px}
#addresses #center_column p.p-indent{margin:0 0 27px}
.address li.address_update{margin:14px 0 6px 0}
.address li.address_update a{margin:0 10px 0 0}

Global90
August 22nd, 2014, 16:56
دوست عزیز بهینه کردن یه بحث کلا جداست ولی این کاری که شما انجام دادی و سایت های دیگه هم انجام میدن اینه که، میاد کد ها رو به صورت یک خطی قرار میره و بخش های اضافه رو حذف میکنه مثل space و enter. این باعث میشه حجم کد کم بشه.(html,js,css,...)