Question

I would like know how browser executes/processes the request. I would like to know this because knowing how it works will help me understand how better web programming can be done which meets performance goals using browser features.

1. How browsers download CSS, JS and Image files?

2. Does it download one resource at a time or multiple?

3. How many parallel requests (connections) it can make?

4. What happens if request is getting executed on the server and user click on the stop button? Will the execution get complete and response will come back? Or on server site the request is suspended in half way?

5. How JS execution is handled by browser?

Please add helpful links/information if possible.
Thanks all,

Answer 1

Please consider splitting this up into multiple questions. Here is some relevant information:

• A web browser, or any web client, who wants to retrieve an HTTP resource will construct a GET request. This contains information to route the request to the proper server, and information to tell the server which resource is being requested. A resource can be an HTML page, an image, a Javascript file, or anything else.

• When the browser receives an HTML page, the page may have links to other resources (for instance, image tags). These instruct the browser to make further requests.

• Multiple resources may be downloaded in parallel. This can happen if your browser is attempting to load multiple pages at once (like in different tabs), or if the browser has received an HTML page that points it to several resources (as in the last point). From a single hostname, the HTTP 1.1 spec says that at most two resources should be downloaded in parallel (though this is just a guideline and cannot stop a browser from attempting to do otherwise).

• Javascript is interpreted by the browser, just like other scripting languages are interpreted by their respective engines.