KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #typescript #codex #cli #claude-code #mcp #rust #deepseek-harness #ai-agent

talk-2019

★ 51 Open GitHub ↗

Slides for my 2019 talk, "Saving the Web 16ms at a Time"

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Josh's 2019 Talk on Web Performance

Hi there!

### Recording

https://www.youtube.com/watch?v=DNGGzwmfouU

### Slides

So, here's the thing. This talk is media-heavy, and it hasn't been optimized at all for production. Plz don't visit this URL on any sort of metered connection, and also plz don't judge for having such poorly-performing slides for a talk about performance.

https://loving-khorana-77de08.netlify.com/

### Resources and Links

The talk includes links to various external articles and resources. Your best best is to [scan the presentation](https://raw.githubusercontent.com/joshwcomeau/talk-2019/master/presentation/index.mdx) markdown file to find them, but I'll list some of the more prevalent ones here:

- Monica Dinculescu's [Input Delay](https://input-delay.glitch.me) tool
- ["Performance Matters"](https://www.hillelwayne.com/post/performance-matters) by Hillel Wayne
- ["React.memo() for Functional Components", from scotch.io](https://scotch.io/tutorials/react-166-reactmemo-for-functional-components-rendering-control)
- [Official React.memo docs](https://reactjs.org/docs/react-api.html#reactmemo)
- ["Scheduling in React"](https://philippspiess.com/scheduling-in-react/) by Philipp Spiess
- [React Podcast #35 with Matt Perry](https://reactpodcast.simplecast.fm/35)
- ["Rendering Performance"](https://developers.google.com/web/fundamentals/performance/rendering/) by Paul Lewis
- [CSSTriggers](https://csstriggers.com)
- Vincent Riemer's [perf test](https://codepen.io/joshwcomeau/pen/yrPzWO)
- Tools for creating sprites: [GIPHY Capture](https://giphy.com/apps/giphycapture) and [EZGif](https://ezgif.com/gif-to-sprite)
- ["When should you be using Web Workers?"](https://dassur.ma/things/when-workers/) by Surma

### Code Snippets

The code samples shown in the presentation can be found in [presentation/code](https://github.com/joshwcomeau/talk-2019/tree/master/presentation/code). They may or may not actually run, they're just examples

### Accordion

The live-running code for the accordion can be found in [src/components/Accordion](https://github.com/joshwcomeau/talk-2019/tree/master/src/components/Accordion).

### Twitter Like Button

My twist on the Twitter "like" animation can be found in [src/components/LikeButton](https://github.com/joshwcomeau/talk-2019/tree/master/src/components/LikeButton). The Sprite variant can be found in [src/components/LikeSprite](https://github.com/joshwcomeau/talk-2019/tree/master/src/components/LikeSprite)

### OffscreenCanvas

My talk only briefly mentioned OffscreenCanvas, and truthtfully it's not something I have a perfectly-isolated demo for... but I use it extensively in [Tinkersynth](https://github.com/joshwcomeau/tinkersynth), and its source is open!

---

Thanks, hope you enjoyed my talk!

talk-2019

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README