External JavaScript Files

External JS Files

External JavaScript files are linked with <script src="file.js"></script>. The browser caches them on repeat visits.

Separating JS into external files improves maintainability and enables code reuse across pages.

Example

<head>
  <script src="js/utils.js" defer></script>
  <script src="js/app.js" defer></script>
</head>

HTML

Full Editor

Pro Tip

In production, bundle and minify external JS files to reduce HTTP requests and file size.