Scribd
Upload
18 views

Script Tag

Uploaded by

Sheikh Muhammed Shoaib
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
18 views

Script Tag

Uploaded by

Sheikh Muhammed Shoaib
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODT, PDF, TXT or read online on Scribd
You are on page 1/ 2

-> the browser starts parsing the html code.

-> when it comes across a script tag in the head section, the
parsing is paused.

-> An http request is sent to the server to fetch the script.


-> the browser wait until the entire script is downloaded.

-> It then does the work of parsing, interpreting and executing the
downloaded script.
-> this happens for each of the script tag.

-> once all this done, the browser resumes its work of parsing
HTML and creating DOM nodes.
-> Script tags are blocking in nature. They block the rendering of
the DOM.

Downloading script asynchronously?

-> when we add async keyword in js script tag, the script is


downloaded in another thread without disturbing the main thread.
-> once its downloaded, the browser pauses the parsing of HTML
and gets busy in parsing the script code.
-> once the parsing of this JS is completed, it is executed in
another thread, and the browser resumes its work of parsing the
html.

Deferring the Execution of Scripts.


-> When add defer keyword in script tag, the browser doesn’t
executes that script until the HTML parsing is completed.
-> defer simply means the execution of the file is deferred or
delayed.
-> The script is downloaded in another thread and is executed only
after the HTML parsing is completed.

You might also like