Skip to content

Instantly share code, notes, and snippets.

@hritik5102

hritik5102/defer-script.html

Created April 9, 2024 10:52
Show Gist options
  • Save hritik5102/5a6cca2009c8d71a4f2c12744b344f6c to your computer and use it in GitHub Desktop.
Save hritik5102/5a6cca2009c8d71a4f2c12744b344f6c to your computer and use it in GitHub Desktop.
Download ZIP
Defer attribute in Javascript
Raw
defer-script.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Async vs Defer</title>
<script>
console.log('Start HTML Parsing');
</script>
</head>
<body>
<p>Hello, World</p>
<script src="index.js" defer></script>
<div class="content">
<span>Span element</span>
</div>
<script>
console.log('End HTML Parsing');
</script>
</body>
</html>
Raw
defer-script.js
// DOM Event fire after script is executed.
document.addEventListener('DOMContentLoaded', () =>
alert('DOM ready after defer!')
);
let sum = 0;
for (let i = 0; i < 10000000; i++) {
sum += i;
}
console.log('Script is Executed, Sum is : ', sum);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment