Record and analyze a performance trace #DevToolsTips

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 - https://goo.gle/3CYPYLy Insights blog post - https://goo.gle/3ZmvX9p Annotating traces blog post→ https://goo.gle/4fMVRdm Questions? Tweet to us: Jecelyn Yeen → https://goo.gle/jecfish Barry Pollard → https://goo.gle/tunetheweb Chrome DevTools → https://goo.gle/chromedevtools Watch more DevTools Tips → https://goo.gle/DevToolsTips Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs #DevToolTips #ChromeForDevelopers #Chrome Speaker: Jecelyn Yeen, Barry Pollard Products Mentioned: Chrome DevTools