کدوم روش برای اضافه کردن css به html بهتره ؟

فرض کنید یک قالبی داریم طراحی میکنیم که 5 تا page جدا داره .

اگر من استایل های css رو داخل یک فایل بریزم و به همه صفحات فقط همون فایل رو اضافه کنم بهتره یا بیام و برای هر بخش یک فایل css بسازم :
مثلا بخش header.css یا menu.css یا home.css ؟

سرعت کدوم حالت بیشتر ؟ کدوم حالت مرورگر سرعت بیشتری در زمان رندر گرفتن صفحه داره>؟ تو سایت تمپ فورس اکثر قالباش همشون از css های جدا جدا ( حالت دوم ) استفاده میکنن ولی به نظر خودم اینطوری مرورگر مجبوره برای هر صفحه یه فایل مجزا رو لود کنه و حس میکنم روش اول باید سریعتر باشه؟

نظر شما چیه؟

گرامی هیچ تفاوتی با هم ندارن سرعت لود هر دو تقریبا یکی هست, حالت دوم ک شما میفرمایید کاملا اصولیه

اگر سمت کلاینت سرعت فرقی نداره - سمت سرور چطور ؟ تو سمت سرور کدوم حالت بهترین گزینه هستند؟

هر فایل در سرور برای اینکه فرخوانی بشه باید از پروتگل http یا https استفاده بشه . و همچنین در زمان فراخوانی سرور باید فایل مورد نظر رو برگشت بده .

پس اگر من دوتا فایل رو ضمیمه کنم به سند خودم - درواقع دوبار از پروتگل http دارم فایل رو صدا میزنم و دوبار سرور رو درگیر میکنم .

حالا شما فرض کنید یک cms که 10 صفحه داره . اگر برای هر صفحه اجزای css رو جدا کنیم و به سند html اضافه کنیم . ( با این فرض که به هر سند 2 فایل css اضافه کرده باشیم ) . وقتی مدیریت داره با cms کار میکنه و تو مدیریت محتواش گشت و گذار میکنه در واقع در یک بازه زمانی 10*2=20 درخواست از پروتگل و 20 بار درگیری سمت سرور رو به همراه داره .
در حالت اول 10*1=10 درخواست و 10 درگیری از سمت سرور برای ارائه فایل به مرورگر رو به همراه داره .



این دلیل من منطقی نیست به نظرتون ؟

سلام،

اگر این قسمت های مختلف قراره همزمان و در یک صفحه بارگذاری بشن، بهتره همه ی فایل های سی اس اس در یکی ادغام بشن، چون به به همه شون نیازه و باید همه شون فراخوانی بشن. در غیر این صورت بهتره جدا باشن تا حجم اون ها کمتر بشه و سریع تر دانلود و بارگذاری بشن.