یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها
استفاده از تخفیفهاحجم فایل css
سلام دوستان
من درحال نوشتن یک سایت با laravel هستم. سوال من در مورد حجم فایل css هست. من تمام styleها رو به صورت یک فایل اکسترنال css نوستم. حجم این فایل تا حالا 103kb شده. میدونید که نوشتن استایلها یکم حوصله سربر هست و آدم یادش میره قبلا چی نوشته. بخاطر همین من مثلا برای buttonها یک style واحد ننوشتم که بخوام هربار استایل رو از اون کلاس بگیرم. هربار از اول برای هر دکمه استایل از اول نوشتم. البته بعضی جاها از استایل مشترک استفاده کردم. اما زیاد نه. میخواستم بدونم این چقدر کار رو خراب میکنه.
استایلهای پنل مدیریت رو هم توی همون فایل css که استایل های سایت هست نوشتم. حالا قصد دارم این استایلها رو جدا کنم و استایلهای پنل مدیری رو توی یک فایل css جدا بنویسم. آیا این کار کمکی میکنه؟
ممنونم از پاسخگوویتوون
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام. یه کاره خوبی که میتونین انجام بدید اینه که
- استایلهایی که به عنوان لایوت هستند را در یک فایل قرار بدید. (مثلا استایل هدر فوتر و چیزهای که تو همه ی صفحات تکرار شدن و فریم ورک ریسپانسیوش)
- و برای هر صفحه یک فایل استایل جداگانه درست کنین. مثلا اگه در صفحه تماس هستید یک فایل با نام contact.css ایجاد کنین
این قانون جدیدی هست که gtmetrix برای بهینه سازی سایتها تعریف کرده که کدهای اضافه در صفحه لزومی نداره که وجود داشته باشن
@kazemi ممنون از پاسختون. جالبه ولی جدا کردن فایلها یکم سخت بنظر میرسه احتمال به هم ریختنشون زیاده
@s.aerospace
بله سخته اما خب وقتی یه استاندارد جهانی برای یه چیزی وجود داره، بهتره که همه با اون قوانین پیش بریم
حتی ما کاری که انجام دادیم، استایل پکیجهایی که در هر صفحه بود را جدا کردیم. مثلا در صفحه اول اگه اسلایدر وجود داره، لزومی نداره که استایل این اسلایدر در صفحه های بعدی هم وجود داشته باشه
این کار روی سرعت بارگذاری صفحاتمون خیلی تاثیرگذار بود
@kazemi شما برای کاهش حجم تصاویر هم پیشنهادی دارید؟ تصاویر مثلا اسلایدر. یا فرض کنید صفحه ای مثل صفحه پروداکت که تصاویر با اندازه های مختلف وجود داره عکسهارو با سایزهای مختلف سیو میکنید؟
سمت بکند برای زمانی که مدیرسایت قراره عکس اپلود کنه از پکیج اپلودر استفاده میکنم که کراپ عکس داره و بهش نسبت عکس و سایز حداقل و حداکثر میدم
و سمت فرانت، برای هر عکس، ماسک درست میکنیم