Join Morten Rand-Hendriksen for an in-depth discussion in this video Bleeding-edge CSS loading, part of Developing for Performance: HTTP/2.
- View Offline
- Okay, HTTP/2 is cutting-edge bordering on bleeding-edge.…Now, I'm gonna show you something that I would consider…bleeding-edge bordering on falling-over-the-edge.…This is a really, really cool thing that I sincerely hope…will become the new standard…for how we queue up stylesheets.…It doesn't really work all that well right now,…but it's coming down the pipe,…and if the browsers support it, it will be amazing!…So, in the two previous movies, we've been talking…about making this critical loading path for CSS.…
In the first movie, we just piled all the CSS modules…at the top of the page,…and in the previous movie, I showed you how you could…defer some of these CSS files to the bottom of the page…so that we get a better loading path.…Well, wouldn't it be neat if we could…add the stylesheets to the modules themselves and say,…"Hey, here's the header,…"and here's the stylesheet for the header.…"Then here's the flex slider…"and the stylesheet for the flex slider,…"and here's the front page component with the front page,…
- What is website optimization?
- Understanding how browsers render content
- Measuring performance
- Optimizing images
- Optimizing code
- Compressing data with GZIP
- Optimizing file caching
- Leveraging CDNs