CRX id
jbbeihojggidiclbcneckhcblilapahn
jbbeihojggidiclbcneckhcblilapahn
Description from extension meta
Visualizer the CLS of any webpage
Image from store
Description from store
This plugin will highlight and visualize the Cumulative Layout Shift.
Cumulative Layout Shift (CLS) is an important, user-centric metric for measuring visual stability because it helps quantify how often users experience unexpected layout shifts—a low CLS helps ensure that the page is delightful.
Unfortunately the CLS is a pain to debug without visualisation
Latest reviews
- (2023-10-23) Yahya Ahmed: greatttttt
- (2023-09-19) Bertan mızrak: Best tool for cls
- (2023-02-26) Osama Raya: Thank you for this tool!
- (2023-01-07) Rijschool Rij Secure: Het werkt 5 steren en bedankt
- (2021-11-10) Bastian E.: unfortunately no longer works. The list items in pop up are not clickable
- (2021-03-22) Yevhen Lukianiuk (FantazerWM): Дуже хороший аддон. Незамінний для оптимізації показника CLS
- (2021-02-16) Roland: Great tool - thanks a lot! But I think it only shows the CLS in the viewport - right?
- (2021-02-09) KB D: Great little tool!
Latest issues
- (2021-10-29, v:1.0) Kanishk Khatter: It is a great tool
This is a great tool but somehow how it stopped working in latest chrome and the error in the console is: (index):1 Error in event handler: TypeError: Cannot read properties of undefined (reading 'nodeName2') at Object.CreateCLSDiv (chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:59:49) at chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:49:18 at Array.forEach (<anonymous>) at Object.ShowClsOverlay (chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:48:24) at chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:9:17 - (2021-10-20, v:1.0) Joshua van Boxtel: No Visualization on new chrome
Similar to the other recent problems reported, I'm unable to see the visualization from this plugin anymore. It's a shame because this is the only tool I've been able to find that can accomplish that - possible to get an update? - (2021-08-10, v:1.0) Petr Gurecký: Visualization not working
Hi. When clicking Layout-shift item in extension's popup nothing happend - only error in console: mydomain.com/:1 Error in event handler: TypeError: Cannot read property 'nodeName2' of undefined at Object.CreateCLSDiv (chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:59:49) at chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:49:18 at Array.forEach (<anonymous>) at Object.ShowClsOverlay (chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:48:24) at chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:9:17 Chrome version: Version 92.0.4515.131 (Official Build) (64-bit) Windows version: Version 10.0.19043 Build 19043 Thanks for fixing this. - (2021-07-21, v:1.0) Václav Hrouda: Don't working in newest chrome
I am using this extension a everihing works as expected until I upgrade chrome to version 92.0.4515.107 Now visualization dosn't appeare at all and in console is following error: Error in event handler: TypeError: Cannot read property 'nodeName2' of undefined at Object.CreateCLSDiv (chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:59:49) at chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:49:18 at Array.forEach (<anonymous>) at Object.ShowClsOverlay (chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:48:24) at chrome-extension://jbbeihojggidiclbcneckhcblilapahn/cls.js:9:17 - (2021-02-16, v:1.0) Roland: CLS in Viewport
Hello, thanks a lot for that great little tool. But I think it only shows the CLS in the viewport of the page and not below the fold - right? Thanks and regards Roland