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