0:00 / 8:43
Chapter 1 · One URL, seventy requests
Chapters
Keyboard
- Space Play or pause
- ← → Back or ahead 5 seconds
- [ ] Previous or next chapter
- C Captions · M Mute · F Full screen
Transcript
Notes for class
- Watch after The Localhost Effect; next is the Availability lesson.
- Numbers: the median mobile home page made about 70 requests and weighed 2.3 MB in October 2024, and 92% of pages load something from a third party (Web Almanac 2024: Page Weight, Third Parties).
text/javascriptis the JavaScript type; RFC 9239 marksapplication/javascriptobsolete.- Browsers keep a separate HTTP cache per site (Safari since 2013, Chrome 86, Firefox 85), which is why a shared CDN copy isn't reused across sites.
- Try it yourself: in Chrome DevTools' Network panel, hold Shift and hover over a request. Its initiators turn green and its dependencies red.
- The narration is a synthetic voice (ElevenLabs). Timing follows the narration track, so a recorded voice-over can replace it cue for cue using the transcript.
- With Reduce Motion turned on in the operating system, the film keeps its fades and drops the sliding motion.
- Set in Atkinson Hyperlegible Next and Mono, typefaces the Braille Institute designed for readers with low vision.
Take it with you
- Video (MP4, 1080p, 8:43, 15 MB), with English captions built in
- Captions: WebVTT or SRT, for Canvas or YouTube
- Narration script (plain text) with chapter timecodes, for recording your own voice-over