Async vs Defer Attributes in Javascript - Include JavaScript Correctly in HTML

preview_player
Показать описание
In this video, we are going to look at the async and defer attributes of the script tag in JavaScript. We will see whats the difference between the async and the defer attributes for the script tag in JavaScript, and how your browser behaves differently when you try to use either of these two tags.

📖 Video Chapters
00:00 Video Intro
00:27 How the browser parses HTML
00:48 How images and scripts are treated by the browser
01:33 Loading of inline JavaScript by browser
02:03 How the browser treats external JavaScript files
02:40 Script tag without async and defer
03:07 Script tag with the async attribute
04:06 Script tag with the defer attribute
04:51 Which attribute should you use

------------------------------------------------------------
🤓 Subscribe To Watch JavaScript Series 🤓
-------------------------------------------------------------
Step by step Modern JavaScript Tutorials, simple and easy to understand:

🔥🔥 FREE JavaScript Cheat Sheet 🔥🔥

▶️ Subscribe YouTube For More Tutorials▶️

------------------------------------------------------------
🤓 JavaScript Tutorials - Complete Playlist 🤓
-------------------------------------------------------------
Step by step Modern JavaScript Tutorials, simple and easy to understand:

--------------------------------------
🎶Lo-Fi Music For Programmers🎶
--------------------------------------
Checkout 👇👇👇

----------------------------------------------------
🌟 More Insightful Content 🌟
----------------------------------------------------
  1. Cloudaffle
  2. async vs defer
  3. async vs defer in javascript
  4. script tag async vs defer
  5. difference between async and defer
  6. what is the fastest way to load javascript
Рекомендации по теме
What Is The 0:10:21

What Is The Fastest Way To Load JavaScript

Async vs Defer 0:05:50

Async vs Defer Attributes in Javascript - Include JavaScript Correctly in HTML

async vs defer 0:08:10

async vs defer attributes in Javascript | Ola Interview Question

async vs defer 0:12:36

async vs defer attributes in JavaScript | What Is The Fastest Way To Load JavaScript

Async vs Defer 0:00:30

Async vs Defer #shorts

Difference Between The 0:00:59

Difference Between The Async And Defer Attributes In JavaScript | #rethinkingui #javascriptframework

JavaScript Loading Strategies: 0:12:28

JavaScript Loading Strategies: Using the async and defer Attributes

Script tags using 0:07:41

Script tags using async or defer

🚀 Script Tag 0:00:58

🚀 Script Tag async vs defer 📜

Compare async with 0:00:34

Compare async with defer

Every JavaScript Dev 0:05:33

Every JavaScript Dev Should Know This (Defer Attribute)

Async Vs Defer 0:14:58

Async Vs Defer | Javascript loading script with different attributes

Async VS Defer 0:02:05

Async VS Defer

The difference between 0:08:22

The difference between Script, Script Async and Script Defer

Describe the difference 0:01:25

Describe the difference between script, script async and script defer.

Async vs Defer 0:05:13

Async vs Defer in Javascript | Different ways to load Javascript in HTML page - Part 2

#12 Difference Between 0:12:38

#12 Difference Between The Async And Defer Attributes in javascript | Block - Inline Elements |

Defer and Async 0:10:54

Defer and Async Attribute in the JavaScript Script import - EcmaScript

JavaScript Loading Strategies 0:08:28

JavaScript Loading Strategies | Async vs Defer | Which is Faster?

Async vs Defer 0:05:54

Async vs Defer in Javascript

Async and defer 0:00:56

Async and defer attributes in js

difference between defer 0:03:15

difference between defer and async attribute in script tag?

async and defer 0:06:38

async and defer made easy | JavaScript Performance

Async vs defer 0:00:59

Async vs defer in script tag #shorts

Комментарии
Автор

Thank you very much Sr. VERY useful ! I learnt a lot about JS defer and aync.

newtoys
Автор

thank you for the content. bring more clearity.

shashikantmarskole