What’s new in DevTools

Let's take a look at the latest and greatest features in Chrome's DevTools. We cover how you can use the Performance Panel to assess your page load metrics, how you can locate issues with your pages, debug your Web Assembly, and even emulate color vision deficiencies.
Resource:
Improved WebAssembly debugging in Chrome DevTools → goo.gle/2Z6cI4I
Related Playlist:
Day 2 → goo.gle/WDL20Day2
Subscribe to the Chrome Developers → goo.gle/ChromeDevs
Speakers:
Paul Lewis, Surma
#webdevLIVE #DevTools #performancepanel event: web.dev LIVE 2020; re_ty: Publish; fullname: Surma; product: Chrome - Web - Chrome DevTools;

[@GordonChil]

Amazing. The debugging tools for webassembly are a welcome addition. I'm excited to try them out on a webassembly project that I have. Nice work!

[@spybot2d]

Please add chapters.

[@SuperOazy]

I always see the guy on the left whenever I search for anything related to WebGL!

[@popothebright]

Can you guys talk about pages that use DOM animation -- either with CSS animation or with Javascript? How this affects performance, and what goals should be?

[@stefanxhunga1681]

Very Interesting to know!

[@code-wiki8588]

Guys can you please release the videos in higher resolution as small code sections are not visible in lower resolutions.

[@Oggohoko]

I can watch the video in 1080p resolution, which imo is enough to view all the relevant code sections. Do you have any timestamp for those that aren't legible?

[@eliseumds]

KZbin was probably still rendering the higher-resolution ones.

[@vikrantbhat8010]

Interesting updates!

[@davidmaxwaterman]

How about some tools for people with audio deficiencies?

[@conoroflanagan2908]

The Deuteranopia option doesn't do anything......I hope. (cries inside newly painted house)

[@marcusjt]

So "Total blocking time" is NOT the total time that the main thread was blocked? That's VERY counterintuitive! 🤯 Can't you call it something like "Excess blocking time" or "Over budget blocking time"?