Side-projects involving Addy

As part of my role at Google, I've contributed to a number of developer tooling products over time. These have included Chrome DevTools, Lighthouse, PageSpeed Insights and Search Console to name a few. I have also worked on a number of tools as part of my side-projects and mention a few of those below.

Addy Osmani

@addyosmani

Have low-resolution images? Enlarge them & improve their quality with ojoy.netlify.app. All client side. Powered by ML using UpscalerJS & TensorFlow.js.

3,076

8:11 AM · Jan 25, 2021

Addy Osmani

@addyosmani

🍿 Movies App: tastejs.com/movies - a new framework learning application built in @nextjs, @nuxt_js, @angular & more. Uses @themoviedb with app structure and performance in mind.

1,406

6:19 PM · Oct 19, 2022

Addy Osmani

@addyosmani

Introducing AVPress: avpress.zaps.dev - compress & resize videos in the browser thanks to WebAssembly and FFMPEG.WASM.

Works in Firefox & Chrome (SharedArrayBuffer). Experimental for now :)

1,192

7:00 AM · May 31, 2021

Addy Osmani

@addyosmani

HTML <canvas> & Web Audio are great for music visualizers 🎵. Here's one for a track from my upcoming album: viper.zaps.dev (flashes). Good starter guides: bit.ly/apviz mzl.la/3LB93CL

1,907

6:45 PM · Apr 3, 2022

Addy Osmani

@addyosmani

I used @ChromeUXReport and @vuejs to build a tool to compare real-world performance on sites and URLs across desktop, tablet and phones: bit.ly/crux-compare :)

545

4:00 PM · Dec 4, 2020

Addy Osmani

@addyosmani

My first CSS artwork: "Retro" retro.zaps.dev. Neon lights, palm trees, synthwave, 80's car speeding down an endless highway.

Addy Osmani

@addyosmani

Introducing z-index visualizer - a new tool available in the VisBug Chrome Extension: bit.ly/visbugext

Was fun working on this with @argyleink!
Also as cross-browser bookmarklet: bit.ly/zindexbk

801

7:31 AM · Dec 18, 2019

Addy Osmani

@addyosmani

Wrote a Webpack plugin to help preload or prefetch JavaScript you're lazy-loading github.com/googlechrome/p… (works well for async chunks) 🔥

814

4:04 PM · Feb 1, 2017

Addy Osmani

@addyosmani

⚡ Announcing the Core Web Vitals Chrome extension: bit.ly/vitals-extensi… ~ instantly measure quality signals key to great UX.

Measures:
🎨 Largest Contentful Paint
👆 First Input Delay
💨 Cumulative Layout Shift

1,099

3:20 PM · May 7, 2020

Addy Osmani

@addyosmani

📢 quicklink 2.0 is out!

⚡️ <1KB library to speed next-page navigations by prefetching in-viewport links. Can now...

⚛️ Prefetch React Router routes + JS
#️⃣ Set limits on total requests to prefetch
🔢 Set limits for simultaneous requests

Try it: getquick.link 👈

1,234

6:34 AM · May 15, 2020

Addy Osmani

@addyosmani

Introducing React Adaptive Hooks: bit.ly/react-adaptive - conditionally load experiences best suited to a user's device and network constraints (experimental)

2,796

7:43 AM · Nov 12, 2019

Addy Osmani

@addyosmani

Automate WebPerf tests with Puppeteer: bit.ly/puppeteer-perf - a collection of JavaScript snippets I use.

- Get a performance trace with screenshots
- Measure user interactions
- Simulate a slow network and CPU
- Generate a Lighthouse report
- Block third-party domains & more

Addy Osmani

@addyosmani

Introducing the Speed Scorecard: a tool to compare your mobile speed with other companies - goo.gl/EFf7tc Powered by real-user latency data from the Chrome User Experience Report.