PodRocket - A web development podcast from LogRocket

New performance features in Chrome DevTools with Umar Hansa

Oct 16, 2024

Umar Hansa, a senior software engineer known for his expertise in web performance and Chrome DevTools, dives into the latest performance features available for developers. He emphasizes the critical need for early performance testing to boost user experience. Discover the power of new tools and metrics that help optimize website performance, as well as practical tips on Android remote debugging with Chrome DevTools. The conversation highlights common developer pitfalls and urges a cultural shift towards incorporating performance testing as a fundamental practice.

31:56

Creator website

Episode guests

Umar Hansa

AI Summary

AI Chapters

Episode notes

Podcast summary created with Snipd AI

Quick takeaways

Incorporating performance testing early in development is crucial to addressing user experience issues from slow-loading websites.

Recent advancements in Chrome DevTools greatly enhance developers' ability to analyze and optimize Core Web Vitals metrics efficiently.

Deep dives

Understanding Performance Testing

Performance testing often arises from the necessity to optimize websites that are slow or not functioning as expected. Developers typically become involved in performance testing when feedback from users or superiors highlights issues with a website's responsiveness. This often stems from the need to identify and rectify problems that directly impact user experience, such as slow loading times or unresponsive features. While some developers may consider performance testing a lower priority, it is essential to integrate these considerations early in the development process to prevent later challenges.

Intro

2min

Prioritizing Performance Testing in Web Development

19min

Optimizing Web Performance Through Developer Tools

6min

Leveraging Chrome DevTools for Android Remote Debugging

2min

Enhancing Developer Workflows with New Tools and Metrics

3min

Join us in this episode as we delve into new performance features in Chrome DevTools with Umar Hansa. Learn about preloading, debugging techniques, and how to optimize website performance by focusing on key metrics.

Links

https://umaar.com
https://x.com/umaar
https://github.com/umaar
https://www.youtube.com/c/UmarHansa
https://www.linkedin.com/in/umarhansa
https://www.tiktok.com/@umarhansaofficial
https://dev.to/umaar
https://www.debugbear.com/blog/fix-web-performance-devtools

We want to hear from you!

How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend?

Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com, or tweet at us at PodRocketPod.

Follow us. Get free stickers.

What does LogRocket do?

LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr)

Special Guest: Umar Hansa.

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more