مرور دستورالعمل
انتقال بلوک های CSS داخلی و عناصر < Link> از قسمت body کد HTML به بخش Head ، باعث افزایش کارایی اجرای صفحات خواهد شد.
شرح جزئیات
وجود CSS های بیرونی و بلوک های CSS که بصورت Inline در بخش Body کد HTML می باشد ، می تواند تاثیر منفی روی کارایی مرورگر داشته باشد . مرورگر از اجرای یک صفحه وب تا زمانیکه تمامی CSS های بیرونی بارگذاری شده باشند ، جلوگیری میکند .بلوک های CSS که بصورت Inline هستند (که با تگ < ُStyle > مشخص می شوند ) می توانند سبب بی ثباتی کد گردند . بنابراین بسیار مهم است که منابع را در یک فایل CSS بیرونی قرار دهیم. همچنین قرار دادن بلوک های CSS ، که به صورت Inline هستند در ابتدای کد بسیار مهم می باشد.
با اطمینان از اینکه CSS ها اول از همه بارگذاری و اجرا می شوند ، شما می تونید به مرورگر اجازه بدهید که بدون درگیری با سایر منابع نسبت به اجرای صفحه اقدام کند.
همواره CSS بیرونی را در داخل تگ <HEAD > قرار دهید و از تگ < LINK > در داخل آن استفاده نمائید و از @ Import استفاده نکنید. و همواره اطمینان حاصل کنید که ترتیب قرارگیری css ها نسبت به اسکریپت ها صحیح باشد .
بلوک های < STYLE > را در داخل <HEAD > قرار دهید.
