Chrome Extension To Visualise And Debug Cumulative Layout Shifts (CLS) In The Browser

This Chrome extension measures the ‘cumulative layout shifts’ that occur when a page is loaded in the browser using data from the Chrome Performance API. These are then listed showing the ‘layout shift’ score and visualised on the webpage.

Green squares show where the element started and red indicates where the element was shifted to.