Where Does IE Spend Most Time When Loading a Page?

Posted by Abel Avram on Sep 07, 2010

Sections

Development

Topics

Javascript ,

.NET

Tags

Internet Explorer

Jason Weber, Lead Program Manager responsible for Internet Explorer Performance, has released some internal data showing where IE 8 spends most of its time while preparing a page then rendering it, suggesting what websites should be focusing on.

According to Weber, Internet Explorer contains 11 subsystems starting with Networking and ending with Rendering:

1. Networking – responsible for communication with the server. It includes services like caching the web content.
2. HTML – responsible for parsing the HTML document and creating the DOM. There are similar subsystems for XML, XHTML and SVG documents.
3. CSS – parsing CSS style and creating a structural representation of it for later use.
4. Collections – responsible for storing and accessing HTML metadata.
5. JavaScript – executes the scripts.
6. Marshalling – represents the layer of communication between the browser and the JavaScript engine.
7. Native OM – the JavaScript engine accesses the HTML document through the DOM API contained by this subsystem.
8. Formatting – Applies styles to each document component.
9. Block Building – Each component of the document receives a rectangular block that will be rendered after being layout.
10. Layout – Responsible for laying out all the blocks.
11. Rendering – Responsible for the final stage of page loading when all the blocks are drawn onto the screen.

Microsoft has tested IE 8 against 5 major news sites and another 25 AJAX-heavily sites in order to see where the browser spends most of its time when loading a page. The networking performance issues being taken out of the equation, it resulted that some sites are heavy on JavaScript while others spend more time on Marshalling:

For news sites, on average IE 8 spent most time on JavaScript - 29%, followed by Marshalling - 18% and Rendering - 17%.

Microsoft has also profiled 25 AJAX sites including Facebook, Gmail and Hotmail, the results showing that IE 8 spent most time rendering web pages – 31% – followed by JavaScript – 21%, Formatting - 14% and Layout - 12%.

The IE team published some performance results for IE 9 in November last year, showing that IE 9 spent most of its time with JavaScript while loading news pages, but it spent a considerable time with layout for AJAX intensive pages like Excel Web App.

There are no results for the latest IE 9 Preview, which is supposed to change the hierarchy among subsystems, but Weber promises that as “we get closer to the IE9 beta we’ll talk more about how these subsystems come together in IE9 to change the performance characteristics compared to today’s generation of non-hardware accelerated browsers including IE8.” Maybe Microsoft will release the tools used to profile the web pages across different subsystems when it unveils IE 9 beta on September 15th.

1. Back to top

   A typo in the article

   by Mohammed El-Sherief

   Hello,
   I guess this part has a typo
   "The IE team published some performance results for IE 9 in November last year, showing that IE 9 spent most of its time with JavaScript while loading news pages, but it spent a considerable time with layout for AJAX intensive pages like Excel Web App."
   
   I think you mean IE 8 since you said later in the post
   "There are no results for the latest IE 9 Preview"

   Reply

2. Back to top

   Re: A typo in the article

   by Abel Avram

   Hi Mohammed,
   thanks for pointing it out but it is not a typo. I said "There are no results for the latest IE 9 Preview", that is for Preview 4. The IE 9 result I published was for a very early preview of IE. Things have changed a lot during this year considering that many performance issues are addressed late while preparing a release and IE 9 uses the GPU now.

   Reply

3. Back to top

   link?

   by Stefan Wenig

   "Jason Weber, Lead Program Manager responsible for Internet Explorer Performance, has released some internal data"
   
   don't you have a link to share? I'd like to see details for the 25 ajax sites, for instance.

   Reply

4. Back to top

   Re: link?

   by Abel Avram

   Hi Stefan, I updated the article adding the link you asked for. Please see the first paragraph.

   Reply

• Older >