0:00 / 5:36
Chapter 1 · The same loader
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 Three Things In, Three Things Out; next is the Availability lesson.
- The pages in the film are Demo Company's. Pages 5 and 7 show the third parties; open pages 8 to 12 beside their fixed twins and watch the Network panel.
- 92% of pages load something from a third party (Web Almanac 2024: Third Parties).
- The fixes:
widthandheighton images;loading="lazy"below the fold;deferon scripts;alttext; aContent-Security-Policyheader;integrity(withcrossorigin) on scripts from other servers. - 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, 5:36, 9 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