نکات برنامه‌نویسی

نکات برنامه‌نویسی و رایانه‌ای - امیرمسعود ایرانی

نکات برنامه‌نویسی

نکات برنامه‌نویسی و رایانه‌ای - امیرمسعود ایرانی

بهینه‌سازی شیوه‌نامه‌های( CSS ) موجود در یک صفحه‌ی وب

امیرمسعود ایرانی | جمعه, ۱۶ خرداد ۱۳۹۳، ۱۱:۱۱ ب.ظ | ۰ نظر

 با زیاد شدن رقابت در تولید سایت‌های باکیفیت و بهینه، دانستن چندین نکته در هنگام تولید شیوه‌نامه‌ها(‌CSS) جزء ضروریات به حساب می‌آیند
در این مطلب، موارد مورد نیاز به صورت فهرست درج خواهند شد

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

محل قرارگیری شیوه‌نامه‌ها
بهترین محل برای قراردادن این فایل‌ها، ابتدای فایل html و در بخش head است
چنانچه مرورگر پیش از مشاهده‌ی محتوا، شکل قالب‌بندی آن‌ها را بداند، فرآیند‌های تکراری برای نمایش html به حداقل می‌رسند و کاربر در زمان کوتاه‌تری اطلاعات مورد نیاز را به شکل مناسب مشاهده خواهد کرد.

حذف قانون‌های اضافی
معمولا در طول طراحی یک سایت، قانون‌های زیادی برای بخش ظاهری یک سایت ایجاد می‌شوند. به دلایل مختلف ممکن است این قانون‌ها حذف یا تغییر کنند. ولی تعریف قانون در فایل css باقی مانده باشد.
مرورگرهای مدرن امروزی، ابزارهای برای شناسایی این قانون‌ها در اختیار برنامه‌نویس قرار می‌دهند که با استفاده از آن می‌توان حجم فایل‌های css را به حداقل ممکن رساند و سرعت بارگزاری سایت را تا جایی که ممکن است افزایش داد.

ساده‌سازی قانون‌ها
برای انتخاب یک عنصر در html روش‌های مختلفی وجود دارد. سعی کنید همیشه، کوتاه‌ترین و ساده‌ترین روش را برای انتخاب یک عنصر مشخص کنید.

شیوه‌نامه‌های درون‌خطی
اگرچه قراردادن شیوه‌نامه‌ها داخل فایل html و مقابل ویژگی style باعث بی‌نظمی در فایل html می‌شود. ولی در بعضی مواقع، درج شیوه‌نامه‌های کوتاه در محل‌های خاص می‌تواند در کارایی سایت اثر قابل توجهی داشته باشد.
برای مثال جستجوی تصویر سایت گوگل، چند تصویر ابتدایی را با استفاده از شیوه‌نامه‌های درون خطی درون مرورگر نمایش می‌دهد. در نتیجه، در همان زمان که کاربر تصاویر را جستجو می‌کند، تصویرهای ابتدایی هم فورا برای او به نمایش در می‌آیند.

بارگزاری شیوه‌نامه‌ها از دامنه‌های دیگر
به دلیل محدودیت‌های موجود در تعداد درخواست‌ها از یک دامنه، چنانچه تمامی فایل‌های شما از یک دامنه بارگزاری شوند، ممکن است تاخیرهایی ناخواسته در دریافت اطلاعات به وجود آید.
علاوه بر تاخیرهای احتمالی، استفاده از دامنه‌های جایگزین می‌تواند یک ویژگی مثبت دیگر هم داشته باشد. و آن عدم ارسال cookieها به دامنه‌های جایگزین است. مرورگرها، تمامی cookieهای متعلق به سایت فعلی را همراه هر درخواست به سرور ارسال می‌کنند. چنانچه فایل‌های css از یک دامنه‌ی دیگر فراخوانی شوند، cookieهای دامنه‌ی فعلی همراه درخواست فرستاده نمی‌شوند و با کاهش حجم درخواست‌ها، سرعت افزایش پیدا خواهد کرد.
سایت‌های بزرگ مثل گوگل از این تکنیک استفاده‌ی زیادی می‌کنند.

  • امیرمسعود ایرانی

بهینه‌سازی

css

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی