Loading video...

Video Failed to Load

Go Home

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.

addyosmani's profile picture

Addy Osmani

393,546 subscribers

31,811 views • 1 year ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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!
0:19

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!

Addy Osmani

686,880 views • 7 months ago

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

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

Addy Osmani

57,218 views • 1 year ago

Take control of your performance debugging in Chrome DevTools. These customization features let you simplify the Performance panel and zero in on the most important data for your workflow. Get started:
0:18

Take control of your performance debugging in Chrome DevTools. These customization features let you simplify the Performance panel and zero in on the most important data for your workflow. Get started:

Chrome for Developers

15,441 views • 1 year ago

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 👀
0:16

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 👀

Addy Osmani

129,625 views • 1 month ago

It should be easy to debug and visualize your agent and workflows, now it is with `ai-sdk-tools/devtools`. Enjoy!
0:11

It should be easy to debug and visualize your agent and workflows, now it is with `ai-sdk-tools/devtools`. Enjoy!

Pontus Abrahamsson — oss/acc

25,343 views • 8 months ago

Introducing our new Visual Edits Visually edit any styles in Lovable directly on the page, for faster and more precise edits.
0:17

Introducing our new Visual Edits Visually edit any styles in Lovable directly on the page, for faster and more precise edits.

Lovable

111,713 views • 11 months ago

You can now use the DevTools directly in Athas IDE.
0:18

You can now use the DevTools directly in Athas IDE.

athas.dev

13,426 views • 4 months ago

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:
0:16

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:

Addy Osmani

306,155 views • 2 years ago

New in Conductor — You can now see your up-to-date git status directly in the sidebar! We've added a beautiful new diff rendering panel so you can review Claude's work by commit:
0:11

New in Conductor — You can now see your up-to-date git status directly in the sidebar! We've added a beautiful new diff rendering panel so you can review Claude's work by commit:

Charlie Holtz

28,599 views • 10 months ago

You can decide to combine 5 applications to analyze one token Or Just toggle the KID chart and the Interactive Insights Panel in 10 seconds, and complete your analysis in 5 minutes. Your call…
0:19

You can decide to combine 5 applications to analyze one token Or Just toggle the KID chart and the Interactive Insights Panel in 10 seconds, and complete your analysis in 5 minutes. Your call…

DexCheck AI

24,339 views • 9 months ago

📊 Introducing Benchmarks! Now you can see how your app's subscription metrics compare to other apps in your category directly in the RevenueCat dashboard Just head over to the new "Benchmarks" tab under "Analytics" in the sidebar to check it out now! 👀
0:15

📊 Introducing Benchmarks! Now you can see how your app's subscription metrics compare to other apps in your category directly in the RevenueCat dashboard Just head over to the new "Benchmarks" tab under "Analytics" in the sidebar to check it out now! 👀

RevenueCat

20,675 views • 1 month ago

We're experimenting with a way to visualize session history in Firefox DevTools, and we'd love your feedback! Here's the background, and how to try it:
0:15

We're experimenting with a way to visualize session history in Firefox DevTools, and we'd love your feedback! Here's the background, and how to try it:

Firefox for Web Developers

20,194 views • 8 days ago

🚨 Introducing EmblemAI X Commands Connect your X account & unlock full EmblemAI access directly on the timeline Swap, Trade, Launch, Analyze, Research, Track & so much more - right here on X! $100 to a random in 48hrs Repost + Follow EmblemAI
0:17

🚨 Introducing EmblemAI X Commands Connect your X account & unlock full EmblemAI access directly on the timeline Swap, Trade, Launch, Analyze, Research, Track & so much more - right here on X! $100 to a random in 48hrs Repost + Follow EmblemAI

Emblem Vault

20,499 views • 1 month ago

Deadlock practicing Corner Boost Using Debugging Type the debug command "citadel_wall_detection_debug 1" into the console, slow down time in the sandbox panel, and you'll now be able to see the direction you'll be pushed in when jumping off a wall
0:10

Deadlock practicing Corner Boost Using Debugging Type the debug command "citadel_wall_detection_debug 1" into the console, slow down time in the sandbox panel, and you'll now be able to see the direction you'll be pushed in when jumping off a wall

DEADLOCK PROJECT 8

97,305 views • 1 month ago

Performance Analytics + Verified NIL Market Intel → all in one place. We're excited to partner with Opendorse to bring verified athlete compensation insights directly into our Front Office Suite →
0:16

Performance Analytics + Verified NIL Market Intel → all in one place. We're excited to partner with Opendorse to bring verified athlete compensation insights directly into our Front Office Suite →

Just Play Solutions

58,304 views • 1 year ago

Less is more, sometimes. You can hide the context panel now! More breathing room. Fewer distractions in your week.
0:13

Less is more, sometimes. You can hide the context panel now! More breathing room. Fewer distractions in your week.

Notion Calendar

130,863 views • 6 months ago

Storybook Test sneak peek 👀 ⚡️ Blazing fast tests that run in the browser 🌈 Component, visual, and a11y tests simultaneously 🚦 Visualize results inside Storybook 👉 Click-to-debug in your own browser 🌐 Optimized for test coverage 💻 VSCode integration via Vitest
0:10

Storybook Test sneak peek 👀 ⚡️ Blazing fast tests that run in the browser 🌈 Component, visual, and a11y tests simultaneously 🚦 Visualize results inside Storybook 👉 Click-to-debug in your own browser 🌐 Optimized for test coverage 💻 VSCode integration via Vitest

Storybook

22,229 views • 1 year ago

Built a v0 that implements precise collision detection with momentum for more accurate prefetching in Next.js v0 flawlessly bootstrapped the demo sections, intersection logic, debug panel…
0:15

Built a v0 that implements precise collision detection with momentum for more accurate prefetching in Next.js v0 flawlessly bootstrapped the demo sections, intersection logic, debug panel…

Guillermo Rauch

66,856 views • 1 year ago

We’re introducing Cue-Pro — a new way to visualize and execute edit predictions, built to keep you in flow. Instead of isolated edit points, Cue-Pro brings repository-level edit predictions into your IDE, with a side panel that provides a bird’s-eye view of what needs to change. Same workflow: tab to edit, tab to jump. Better outcomes: - Faster, more consistent edits - Fewer missed changes across large codebases - Repository-wide edit predictions that are visual and navigable — without breaking flow In beta testing, Cue-Pro delivered in +19% code acceptance rate and +20% improvement in characters per opportunity (CPO). (Below are a few common scenarios where Cue-Pro helps you ship faster ↓)
0:11

We’re introducing Cue-Pro — a new way to visualize and execute edit predictions, built to keep you in flow. Instead of isolated edit points, Cue-Pro brings repository-level edit predictions into your IDE, with a side panel that provides a bird’s-eye view of what needs to change. Same workflow: tab to edit, tab to jump. Better outcomes: - Faster, more consistent edits - Fewer missed changes across large codebases - Repository-wide edit predictions that are visual and navigable — without breaking flow In beta testing, Cue-Pro delivered in +19% code acceptance rate and +20% improvement in characters per opportunity (CPO). (Below are a few common scenarios where Cue-Pro helps you ship faster ↓)

TRAE

453,248 views • 5 months ago

One omitted write barrier can turn into RCE in Chrome. Meet CVE-2026-5865, one of the earliest Chrome vulnerabilities discovered by Vega in March. We turned it into an RCE in Chrome, documented the details in our technical walkthrough, link in the comment.
0:15

One omitted write barrier can turn into RCE in Chrome. Meet CVE-2026-5865, one of the earliest Chrome vulnerabilities discovered by Vega in March. We turned it into an RCE in Chrome, documented the details in our technical walkthrough, link in the comment.

Nebula Security

19,835 views • 1 month ago