Addy Osmani's banner
Addy Osmani's profile picture

Addy Osmani

@addyosmani395,084 subscribers

Director, @GoogleCloud AI. Gemini ✨ Agents. Prev: Eng. leader, @GoogleChrome • Author • Great user, developer & AI experiences • @GoogleAI @GoogleDeepMind

Shorts

New in Chrome DevTools! Debug an app's full performance trace with Gemini! After recording a trace, you can now chat with Gemini about the entire trace, related Performance insights, and even connected field data - all without needing to select specific context beforehand!

New in Chrome DevTools! Debug an app's full performance trace with Gemini! After recording a trace, you can now chat with Gemini about the entire trace, related Performance insights, and even connected field data - all without needing to select specific context beforehand!

686,839 views

Want to give your agent quality checks? Chrome's DevTools MCP now includes: ⚡️ Performance checks via Lighthouse 📈 Memory leak detection Skill 🦻 Accessibility debugging Skill 🎨 LCP optimization Skill and an experimental new CLI 👀

Want to give your agent quality checks? Chrome's DevTools MCP now includes: ⚡️ Performance checks via Lighthouse 📈 Memory leak detection Skill 🦻 Accessibility debugging Skill 🎨 LCP optimization Skill and an experimental new CLI 👀

129,530 views

Tip: Chrome DevTools can override the content of Fetch/XHR requests! Useful for mocking APIs without waiting on backend changes.

Tip: Chrome DevTools can override the content of Fetch/XHR requests! Useful for mocking APIs without waiting on backend changes.

218,382 views

Tip: Chrome DevTools can now override the content of Fetch/XHR requests! Great for mocking APIs without waiting on backend changes! This and lots more in Chrome 117:

Tip: Chrome DevTools can now override the content of Fetch/XHR requests! Great for mocking APIs without waiting on backend changes! This and lots more in Chrome 117:

306,107 views

A first look at View Transitions working in Safari!

A first look at View Transitions working in Safari!

105,949 views

"Tired of slow sites? Batch compress images for free in the browser, client-side" ⚡️ Happy to share a new image optimization tool that batch compresses images directly in your browser (100% client-side) to make them smaller. It uses jSquash, WASM codecs derived from the excellent Squoosh app. Convert AVIF, WebP, JPEG and more. Great for small projects.

"Tired of slow sites? Batch compress images for free in the browser, client-side" ⚡️ Happy to share a new image optimization tool that batch compresses images directly in your browser (100% client-side) to make them smaller. It uses jSquash, WASM codecs derived from the excellent Squoosh app. Convert AVIF, WebP, JPEG and more. Great for small projects.

63,462 views

New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable.

New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable.

57,218 views

Tip: Chrome DevTools has an Easing editor to tweak animation and transition timings 💨 We recently added linear timing support too:

Tip: Chrome DevTools has an Easing editor to tweak animation and transition timings 💨 We recently added linear timing support too:

99,107 views

The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreira

The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreira

104,181 views

Introducing the "Insights sidebar" in Chrome DevTools Performance panel ⚡️ Brings Lighthouse-like analysis directly into the timeline! Visualize LCP, INP, CLS bottlenecks & more in context to debug faster.

Introducing the "Insights sidebar" in Chrome DevTools Performance panel ⚡️ Brings Lighthouse-like analysis directly into the timeline! Visualize LCP, INP, CLS bottlenecks & more in context to debug faster.

31,811 views

Trying View Transitions in Next.js using 's next-view-transitions library. Love how straight-forward this was.

Trying View Transitions in Next.js using 's next-view-transitions library. Love how straight-forward this was.

33,113 views

Videos