Using Screen Recordings to Identify Page Load Performance Issues
Sometimes when auditing Lighthouse results the amount of feedback can make it difficult to determine what to focus on improving. In cases like those, a screen recording can provide quite a bit of clarity.
Web Page Test provides a number of easy options to generate a recording of your test runs. When setting up a test, check ‘capture video’ in the advanced options. You can then save the recording as a video or a gif after clicking on the ‘watch video’ link in the related column. Or you can enter the timeline view, configure options like frame size and slow motion, and export your recording.
For a paid alternative, Calibre automatically captures and archives a video recording of each test run. And if you’re specifically trying to eliminate layout shift, this layout shift gif generator can be helpful.
You can get similar insights by scrolling through the timeline view in the performance tab in Chrome, but there is just something about a video that clicks for me a little easier. Grab some 🍿, sit back, and find those page loading bottlenecks.