JavaScriptHTMLCSS
Browser Performance
Find out where your page really loses time, and how to win it back by adding elements in one go, making fewer calls and never computing the same thing twice.
Start the trackFree, no sign-up needed
What you'll learn
- Adding elements in one goChange the page once instead of a thousand times
- Debouncing callsA single call after the user stops
- Memoizing function resultsNever compute the same thing twice
- Images that don't slow the page downFour attributes that cut the cost of images
- Throttling callsAt most one call per interval
- Fast lookup by IDBuild the index once, then look up in one step
- One CSS classOne change instead of a hundred and fifty
- Skipping what nobody seesRender only what's on screen
Track contents
8 lessons, 1.5 hours in total- 1Adding elements in one goJavaScriptChange the page once instead of a thousand times13 min
- 2Debouncing callsJavaScriptA single call after the user stops14 min
- 3Memoizing function resultsJavaScriptNever compute the same thing twice13 min
- 4Images that don't slow the page downHTMLFour attributes that cut the cost of images11 min
- 5Throttling callsJavaScriptAt most one call per interval14 min
- 6Fast lookup by IDJavaScriptBuild the index once, then look up in one step13 min
- 7One CSS classCSSOne change instead of a hundred and fifty13 min
- 8Skipping what nobody seesCSSRender only what's on screen12 min
More Web tracks
All tracks- </>Beginner
Web Basics
Start with your very first HTML tag and finish with a complete interactive app.
8 lessons1.5 hours - { }Intermediate
CSS in Depth
Go deeper into the box model, custom properties, positioning, container queries and more, so you understand what's really going on behind the styles you see.
8 lessons1.5 hours - { }Beginner
Text and Typography
Learn to scale headings, choose the right units, and set line length and text direction, because text is what people read most in any interface.
8 lessons1.5 hours