You can enable the Web Vitals checkbox in the Performance panel, to view the Web Vitals metrics, identify opportunities to improve your user browsing experience. Learn how to analyze your page's runtime performance with the Performance panel. With the Recorder panel, you can record the checkout flow once and measure it regularly.Ĭlicking on the Measure performance button will first trigger a replay of the user flow, then open the performance trace in the Performance panel. For example, checkout is a critical user flow of a shopping website. You can measure the performance of a user flow by clicking on the Measure performance button. Share with us the replay settings you would like to have! # Measure a user flow More settings might be supported in the future. For example, expand the Replay settings, select Slow 3G in the Network drop-down. You can simulate a slow network connection by configuring the Replay settings. When replaying a user flow recording, the Recorder waits until the element is visible or clickable in the viewport or tries to automatically scroll the element into the viewport before replaying the corresponding step. If you made a misclick during recording or something doesn't work, you can debug your user flow: slow down its replay, set a breakpoint, and execute it step by step.

The replay progress is shown in the Recorder panel as well. You can see the user flow replay on the page. Click End recording button to end the recording.Īfter recording a user flow, you can replay it by clicking on the Replay button. checkbox.Ĭlick on the Submit button to complete the checkout process. In the payment details form, fill in the Name and Email textboxes, and check the I would like to receive order updates and promotional messages. However, you'll have to add the hover step manually after you finish the recording because the Recorder doesn't automatically capture hover events.Ĭlick on the Total: $19.00 button to start the checkout process. Optionally, you can remove Americano on the menu page by hovering over the Total button and clicking - next to Americano in the pop-up menu.

Video recording for google chrome book