Loading video...

Video Failed to Load

Go Home

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:

ChromiumDev's profile picture

Chrome for Developers

418,253 subscribers

15,441 views • 1 year ago •via X (Twitter)

Science & TechnologyNews & PoliticsEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Tip: Chrome DevTools now supports breadcrumbs in Performance Panel! Set, jump, & zoom between key moments. You can also set nested breadcrumbs.
0:14

Tip: Chrome DevTools now supports breadcrumbs in Performance Panel! Set, jump, & zoom between key moments. You can also set nested breadcrumbs.

Addy Osmani

47,297 views • 2 years 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

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.
0:14

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.

Addy Osmani

31,811 views • 1 year ago

Long press to reorder features on your Rabby Extension. Take full control of your interface. Customization on your terms.
0:10

Long press to reorder features on your Rabby Extension. Take full control of your interface. Customization on your terms.

Rabby Wallet

37,735 views • 4 months ago

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,932 views • 7 months ago

What does objective, verified data on actual performance give you? More confidence in your service providers.
0:10

What does objective, verified data on actual performance give you? More confidence in your service providers.

ServiceChannel

20,383,898 views • 2 years ago

In Web3, data is your edge. For too long, access has been kept away from users. Portal is bringing this power back to the people. With infra that collects the most important on and offchain data - and puts it in your hands.
0:18

In Web3, data is your edge. For too long, access has been kept away from users. Portal is bringing this power back to the people. With infra that collects the most important on and offchain data - and puts it in your hands.

Portal

35,543 views • 1 year 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,157 views • 2 years ago

To simplify your charting skills, follow these steps: $SPY $QQQ $META $TSLA $AAPL $NVDA $AMD 1. Understand the purpose: Know why you're charting and what you want to achieve. 2. Choose the right chart type: Select the appropriate chart for your data. 3. Keep it simple: Avoid clutter and unnecessary elements in your charts. 4. Be consistent: Use the same formatting style throughout your charts. 5. Highlight important insights: Draw attention to key points in your data. 6. Practice regularly: Create charts using different datasets to improve your skills. 7. Seek feedback: Get input from others to identify areas for improvement. 8. Learn from examples: Analyze well-designed charts to improve your own. By following these steps, you'll simplify your charting process and create effective charts.
0:15

To simplify your charting skills, follow these steps: $SPY $QQQ $META $TSLA $AAPL $NVDA $AMD 1. Understand the purpose: Know why you're charting and what you want to achieve. 2. Choose the right chart type: Select the appropriate chart for your data. 3. Keep it simple: Avoid clutter and unnecessary elements in your charts. 4. Be consistent: Use the same formatting style throughout your charts. 5. Highlight important insights: Draw attention to key points in your data. 6. Practice regularly: Create charts using different datasets to improve your skills. 7. Seek feedback: Get input from others to identify areas for improvement. 8. Learn from examples: Analyze well-designed charts to improve your own. By following these steps, you'll simplify your charting process and create effective charts.

BurakTheScalper

107,920 views • 2 years ago

“What you can control is your process. You control the work ethic, the consistent discipline, your attitude, your culture, how much you care,” Tom Brady Winners don’t make excuses for their performance because they believe in their daily commitment to the process.
0:11

“What you can control is your process. You control the work ethic, the consistent discipline, your attitude, your culture, how much you care,” Tom Brady Winners don’t make excuses for their performance because they believe in their daily commitment to the process.

The Winning Difference

21,834 views • 1 year ago

I've created a utility for debugging React performance. After spending a few hours trying to connect react-devtools with Electron, I decided to write my own from scratch. You can add it to your project with just one line of code -
0:11

I've created a utility for debugging React performance. After spending a few hours trying to connect react-devtools with Electron, I decided to write my own from scratch. You can add it to your project with just one line of code -

Adam Pietrasiak

24,000 views • 2 months ago

Feel the rhythm in your soul Let the music take control Yeah, we're on a roll
0:11

Feel the rhythm in your soul Let the music take control Yeah, we're on a roll

獨自懵逼

14,397 views • 1 month ago

"Why is this request pending?" ⏳ Don't waste time digging through headers manually. Select the network request in DevTools and ask your coding agent to solve the mystery for you. It's that simple. Get started →
0:15

"Why is this request pending?" ⏳ Don't waste time digging through headers manually. Select the network request in DevTools and ask your coding agent to solve the mystery for you. It's that simple. Get started →

Chrome for Developers

17,328 views • 6 months ago

One of the most requested features has been more control over color customization—and we're thrilled to share that it's coming with the Cozy Kitchen Expansion! 🎨 We plan to expand this to the bedroom and avatar customization in future free updates!
0:18

One of the most requested features has been more control over color customization—and we're thrilled to share that it's coming with the Cozy Kitchen Expansion! 🎨 We plan to expand this to the bedroom and avatar customization in future free updates!

Spirit City: Lofi Sessions - PC/MacOS

16,693 views • 1 year ago

pov: You’re in your 20s and the algorithm just showed you the most important account on this app
0:14

pov: You’re in your 20s and the algorithm just showed you the most important account on this app

Path of Men

2,822,259 views • 3 months ago

Introducing Galxe Business+ Essentials Turn quest data into clear insights and smarter decisions Explore the features. Choose your plan. Get started:
0:13

Introducing Galxe Business+ Essentials Turn quest data into clear insights and smarter decisions Explore the features. Choose your plan. Get started:

Galxe

14,700 views • 9 months ago

#OnThisDay in 1992, George did the ‘most important performance’ of his life in front of 72,000 people at Wembley Stadium with Queen for The Freddie Mercury Tribute Concert.
0:16

#OnThisDay in 1992, George did the ‘most important performance’ of his life in front of 72,000 people at Wembley Stadium with Queen for The Freddie Mercury Tribute Concert.

George Michael Official

19,769 views • 1 year ago

🟡 Bloom Extension on BSC 🟡 The Bloom Chrome Extension has enabled thousands of traders to enjoy top-notch performance right on their favorite platforms. Now, we’ve enhanced it to unlock its full potential on BSC 🆕🟡 🤖 Supercharge your browser, download the BSC extension and get started!
0:17

🟡 Bloom Extension on BSC 🟡 The Bloom Chrome Extension has enabled thousands of traders to enjoy top-notch performance right on their favorite platforms. Now, we’ve enhanced it to unlock its full potential on BSC 🆕🟡 🤖 Supercharge your browser, download the BSC extension and get started!

Bloom

41,724 views • 1 year ago