مرور کردن دستورالعمل
قرار دادن صحیح CSS های بیرونی و اسکریپت های Inline و بیرونی سبب موازی شدن هر چه بیشتر عملیات بارگذاری شده و سرعت اجرای
فرامین توسط مرورگر را افزایش می دهد.
شرح جزئیات
به علت اینکه کد جاوا اسکریپت می تواند جایگزین محتوای یک صفحه وب گردد ، مرورگر در اجرای هر محتوایی در ابتدا به دنبال تگ های اسکریپت
می گردد تا ابتدا آنها را بارگذاری و اجرا کند. بهرحال بسیاری از مرورگرها از بارگذاری منابعی که بعد از اسکریپت ها قرار دارند خودداری
میکنند و ابتدا اسکریپت را بارگذاری و اجرا کرده و بعد سایر منابع را بارگذاری می کنند. به عبارت دیگر ، چنانچه فایل های دیگری از قبل
در حال بارگذاری باشند ، هنگامی که یک مرورگر به فایل JS برخورد می کند، آن فایل بصورت موازی با آنها ،بارگذاری می شود.
نکات مهم
در صورت امکان اسکریپت های بیرونی را بعد از فایل های CSS بیرونی قرار دهید
مرورگرها ،CSS ها و اسکریپت ها را به ترتیب قرارگیری آنها در متن مستند HTML، بارگذاری و اجرا می کنند. چنانچه JS هیچگونه وابستگی
به فایل های CSS نداشته باشد ، شما می توانید فایل های CSS را به قبل از فایل های JS منتقل نمائید . چنانچه کد JS به فایل CSS
بیرونی وابسته باشد .
-برای مثال:استایل ها برای نمایش ، نیازمند نوشته شدن در داخل کد JS باشند – انجام اینکار امکانپذیر نمی باشد.
در صورت امکان اسکریپت های Inline را بعد از سایر منابع قرار دهید
قراردادن اسکریپت های Inline بعد از تمامی سایر منابع ، از بلوکه شدن بارگذاری های دیگر جلوگیری می کند. به هر حال اگر سایر منابع
بصورت فایل های JS بیرونی باشند ، انجام اینکار احتمالاً ممکن نخواهد بود . در این صورت، بهترین کار انتقال دادن اسکریپت های Inline به
قبل از فایل های CSS می باشد.
