برای استفاده از جاوا اسکریپت در صفحات وب دو راه وجود دارد. راه اول این است که کدهای خود را درون تگ script و ترجیحا داخل تگ head بنویسید. راه دوم این است که کدهای خود را در یک فایل جاوا اسکریپت بنویسید و آن را با استفاده از تگ script فراخوانی کنید. به راه اول internal و راه دوم external گفته می شود. در این کد قصد داریم در مورد فراخوانی external صحبت کنیم.

در حالت عادی وقتی که مرورگر به تگ script برای لود فایل خارجی می رسد، صبر می کند تا فایل بطور کامل لود شود و سپس به ادامه کار می پردازد. با افزودن async و defer به تگ اسکریپت می توانید این رفتار مرورگر را عوض کنید.

<script src="http://snippets.ir/app.js" async ></script>
<script src="http://snippets.ir/app.js" defer ></script>

فرق بین defer و async در این است که اسکریپت‌هایی که به صورت async باشند پس از دانلود شدن کامل اسکریپت اجرا می‌شوند. اما اسکریپت‌های defer پس از لود کامل صفحه اجرا می‌شوند.