shift

جاوا اسکریپت های کوچک را درون خطی (inline) کنید

جاوا اسکریپت های کوچک را درون خطی (inline) کنید

عاطفه
دسته: طراحی وبسایت  تگ ها: مزیت های جاوا اسکریپت درون خطی چیست , جاوا اسکریپت درون خطی چیست , چگونه جاوا اسکریپت درون خطی ایجاد کنیم , Inline small Javascript

 

جاوا اسکریپت درون‌خطی چیست؟

  • وقتی جاوا اسکریپت دریک فایل HTML بین تگ‌های Script قرار می‌گیرد، درون‌خطی است.
  • در معنای ساده‌تر، JS درون‌خطی، قرار دادن جاوا اسکریپت در فایل HTML به‌جای قرار دادن در یک فایل JS خارجی است.


چرا از جاوا اسکریپت درون‌خطی استفاده کنیم؟

مزیتی که این روش فراهم می‌کند این است که تعداد فایل‌هایی که مرورگر باید قبل از نمایش صفحات وبتان دانلود کند را کاهش می‌یابد.
اغلب صفحات وب چندین فایل جاوا اسکریپت خارجی را صدا می‌زنند (به‌طور مثال: Widget.js). نکته‌ای که وجود دارد این است که بیشتر این پَروَنجا ها کوچک هستند. آن‌ها فقط چند خط کد دارند. اگر شما همچنین فایلی دارید باید آن‌ها را درون‌خط‌های کد HTML قرار دهید تا تعداد فایلهای خارجی کاهش یابد.


چگونه JS درون‌خطی قرار دهیم؟

اساساً شما فقط محتوای فایل js خارجی را کپی کرده و بین تگ Script در HTML تان انتقال می‌دهید.
شبیه به این:

<script>
YOUR JAVASCRIPT HERE
</script>


کد درون‌خطی چه‌کاری انجام می‌دهد؟

قرار دادن js در HTML ازآنجایی‌که دیگر درخواست یک فایل خارجی جداگانه برای بارگیری و دیدن JS ندارد، تعداد درخواست به سرور را کاهش می‌دهد.


ابزار

برای اینکه ببینید فایل‌های جاوا اسکریپت چگونه در صفحه وب‌سایت بکار رفته است، از ابزارهای زیر استفاده کنید.

نظر خود را بنویسید...
ارسال نظر
لغو