Learn how to use the Performance insights panel to get actionable and use-case-driven insights on your website's performance.
Chapters:
0:00 - Intro
0:10 - Record page load performance
0:40 - Panel overview
0:52 - Replay the recording
1:19 - Zoom and navigate the recording
1:51 - Customize the UI with settings
2:04 - Get actionable performance insights
2:42 - Understand page load performance metrics
3:27 - View Web Vitals in the panel
3:39 - Understand layout shifts
5:01 - Identify layout shifts
5:23 - Understand layout shift score
6:17 - Understand Cumulative Layout Shifts (CLS)
6:37 - Identify potential root causes of the layout shift
6:52 - Identify impacted elements of the layout shift
7:07 - Send us feedback
7:20 - Outro
Links:
Performance insights panel → [ Ссылка ]
Understand Web Vitals → [ Ссылка ]
Questions? Tweet to us:
Jecelyn Yeen → [ Ссылка ]
Chrome DevTools → [ Ссылка ]
Catch more DevTools Tips → [ Ссылка ]
Subscribe to Google Chrome Developers → [ Ссылка ]
#DevToolsTips #Chrome #Developer
