An HTML page can include links to CSS files and Javascript files. As a web browser loads a page, it also loads linked CSS and Javascript. A web browser can load multiple CSS at the same time, but it has to load Javascript files serially. Let's assume we have roundtrip latency between web browser and web server to be 200ms and download speed of 1000KBps. Let's also assume we have 3 CSS files 200KB each, and 2 Javascript files 100KB each. What is the best way to optimize the load time of the page?

An HTML page can include links to CSS files and Javascript files. As a web browser loads a page, it also loads linked CSS and Javascript. A web browser can load multiple CSS at the same time, but it has to load Javascript files serially. Let's assume we have roundtrip latency between web browser and web server to be 200ms and download speed of 1000KBps. Let's also assume we have 3 CSS files 200KB each, and 2 Javascript files 100KB each. What is the best way to optimize the load time of the page?

An HTML page can include links to CSS files and Javascript files. As a web browser loads a page, it also loads linked CSS and Javascript. A web browser can load multiple CSS at the same time, but it has to load Javascript files serially. Let's assume we have roundtrip latency between web browser and web server to be 200ms and download speed of 1000KBps. Let's also assume we have 3 CSS files 200KB each, and 2 Javascript files 100KB each. What is the best way to optimize the load time of the page?



  1.     Move Javascript links over CSS links so that their download begins faster.
  2.     Concatenate all CSS files to avoid latency on multipe CSS requests.
  3.     Concatenate all Javascript files into one file to avoid latency on multipe Javascript requests.
  4.     None of the above.