Record and analyze a performance trace #DevToolsTips

Опубликовано 5 декабря 2024, 17:00

Barry joins Jecelyn again to explain how to record a trace in the Performance panel and debug LCP and CLS issues using the new Insights tab. Finally, learn how to use annotations to collaborate and share your findings with some silly devs (Jeremy!) who may have shipped some bad code.

Chapters:
0:00 Introduction
0:21 Using incognito for performance recordings
0:47 The live metrics view
1:00 An overview of a performance trace
1:21 Investigating LCP issues
2:32 Fixing LCP slow downloads
3:15 Investigating CLS issues
4:30 Collaborating through annotations

Resources:
Performance Panel Overview - goo.gle/3CYPYLy
Insights blog post - goo.gle/3ZmvX9p
Annotating traces blog post→ goo.gle/4fMVRdm

Questions? Tweet to us:
Jecelyn Yeen → goo.gle/jecfish
Barry Pollard → goo.gle/tunetheweb
Chrome DevTools → goo.gle/chromedevtools

Watch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Chrome for Developers → goo.gle/ChromeDevs

#DevToolTips #ChromeForDevelopers #Chrome

Speaker: Jecelyn Yeen, Barry Pollard
Products Mentioned: Chrome DevTools