Join Morten Rand-Hendriksen for an in-depth discussion in this video Modularize CSS for HTTP/2, part of HTTP/2: Developing for Performance.
- [Narrator] Now that we're working with HTTP/2,…we need to rethink how we're handling stylesheets.…In the old way of doing things,…when we generated stylesheets,…we would take all the modules…for the stylesheet that we used,…Sass, or PreCSS, or something else to generate,…and then put them all into one single file…so that we avoided blocking the load of the page.…But the consequence of that is…we would load in one gigantic CSS file…that would have all the styles…for all the possible modules and pages…we might load up, all of it contained in one place,…and that means if we made one change…to any of these modules,…we'd have to reload the entire stylesheet…and invalidate all caches,…and more importantly, we would load a ton of styles…that were actually not used on the current page in question.…
Well, HTTP/2 solves that problem,…because we can now modularize our CSS…and split it up into separate files,…and only load in the files…we actually need for the page in question,…and then those files can be cached on the server…
- What is website optimization?
- Understanding how browsers render content
- Measuring performance
- Optimizing images
- Optimizing code
- Compressing data with GZIP
- Optimizing file caching
- Leveraging CDNs
Skill Level Advanced
Designing Websites for Performancewith Brian Wood43m 32s Intermediate
1. Web Performance: An Introduction
Plan of attack1m 52s
2. Web Performance Visualized
3. Optimizing Images
4. Markup and Content
5. Optimizing Delivery
6. The End
Thank you2m 31s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.