Join Morten Rand-Hendriksen for an in-depth discussion in this video A look at how the browser renders content, part of Developing for Performance: HTTP/2.
- [Narrator] To understand performance optimization we first have to understand how browsers render content. So let's break that down. When you tell the browser to load up the contents of a web page, this is what happens in an extremely simplified way. First, the browser receives an HTML document and starts reading it from the top. It creates what's known as the document object model, or DOM. Then, when the browser encounters a CSS file , typically towards the top of the page inside a link element it stops rendering the page until the CSS file is fully loaded.
This situation is at best sub-optimal. Fortunately, HTTP 2 is about to solve many of these issues.
- What is website optimization?
- Understanding how browsers render content
- Measuring performance
- Optimizing images
- Optimizing code
- Compressing data with GZIP
- Optimizing file caching
- Leveraging CDNs