علیرضا
5 سال پیش توسط علیرضا مطرح شد
2 پاسخ

نحوه ی لینک دادن فایل هایCSS JS

سلام خسته نباشید
راستش من تا حالا بطور کامل قالب سایت طراحی نکردم (نه که بلد نباشم،بلدم ولی رو نکردم)
۱-میخواستم بپرسم اکثر سایت ها از چند فایل css بطور مشترک برای تمام صفحات استفاده میکنند؟منظورم اینه فایل هایی که استفاده می کنند یکی است؟
۲ا-گر بعد از اتمام کد زنی تمام فایل هایی css رو تبدیل به یک فایل کنیم بهتر نیست؟(البته من با sass می نویسم و تمام کدهام تو یک فایل css کامپایل میشه)
و دقیقا همین دوتا سئوال بالا رو برای js هم دارم!


ثبت پرسش جدید
علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
2

درود

برای برنامه‌هایی که شما Local اجرا میکنید، خیر تفاوت چندانی نداره

هر چند هنگامی که پروژه روی سرور قرار میگیره.. معمولا تمام کدهای CSS رو در یک فایل جا میدهند و فشردشون میکنند و همین کار رو هم برای کدهای جاوااسکریپت انجام میدند

تصور کنید که ۱۰ تا فایل CSS دارید.. وقتی اینهارو جدا جدا در قالب لود میکنید هر کدوم یه ریکوئسته که به سرور ارسال میشه.. دریافت میشه و سپس لود میشه و این کار روی سرعت لود شدن صفحه کاملا اثرگذاره.
ولی وقتی یه فایل باشه اگر حجمش هم زیاد باشه ایرادی نداره.. اینجوری در نظر بگیرید که تنها یه درخواست به سرور فرستاده میشه و صفحه زودتر لود میشه.

در فریم‌ورک‌های زبان PHP اکثرا برای این قضیه راه‌حل هایی ارائه شده. بطور مثال در لاراول ابزای به نام Laravel-Mix داریم که تمام استایل‌های شما رو چه CSS و چه SASS باشه ترکیب میکنه و تحت عنوان یک فایل با نام App.css بهتون تحویل میده. و با بهره‌گیری از Webpack این کار رو به علاوه خیلی کارهای دیگه (تبدیل کدهای اکمااسکریپت ۶ به نسخه ۵) برای کدهای جاوااسکریپت هم انجام میده.

موفق باشید


Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش مطرح شد
2

سلام
@paressep28

برای جاوا اسکریپت که فایل ها زیاد هست ، پلاگین های مختلف ، اسکریپت های مختلف هست که میشه اجرا شه!

همه رو از طریق مراحلی خاص به 1 فایل CSS و یک فایل JS در بیارید خب خوب هست ، فشرده هم میشه و ...

ولی خب خیلیا هم این کار نمیکنن ، به فرض فایل های بوت استرپ جدا هست
فایل های جاوا اسکریپتشم جداست ، که به فرض هر موقع خواستن هر کدوم رو ادیت کنن به راحتی ادیت کنن

تفاوت چندانی از لحاظ عملکرد نداره.


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
2

درود

برای برنامه‌هایی که شما Local اجرا میکنید، خیر تفاوت چندانی نداره

هر چند هنگامی که پروژه روی سرور قرار میگیره.. معمولا تمام کدهای CSS رو در یک فایل جا میدهند و فشردشون میکنند و همین کار رو هم برای کدهای جاوااسکریپت انجام میدند

تصور کنید که ۱۰ تا فایل CSS دارید.. وقتی اینهارو جدا جدا در قالب لود میکنید هر کدوم یه ریکوئسته که به سرور ارسال میشه.. دریافت میشه و سپس لود میشه و این کار روی سرعت لود شدن صفحه کاملا اثرگذاره.
ولی وقتی یه فایل باشه اگر حجمش هم زیاد باشه ایرادی نداره.. اینجوری در نظر بگیرید که تنها یه درخواست به سرور فرستاده میشه و صفحه زودتر لود میشه.

در فریم‌ورک‌های زبان PHP اکثرا برای این قضیه راه‌حل هایی ارائه شده. بطور مثال در لاراول ابزای به نام Laravel-Mix داریم که تمام استایل‌های شما رو چه CSS و چه SASS باشه ترکیب میکنه و تحت عنوان یک فایل با نام App.css بهتون تحویل میده. و با بهره‌گیری از Webpack این کار رو به علاوه خیلی کارهای دیگه (تبدیل کدهای اکمااسکریپت ۶ به نسخه ۵) برای کدهای جاوااسکریپت هم انجام میده.

موفق باشید


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام