CLS Visualizer
Visualizer the CLS of any webpage
What is CLS Visualizer?
CLS Visualizer is a Chrome extension developed by MarketingTracer, and its main feature is "Visualizer the CLS of any webpage".
Extension Screenshots
Download CLS Visualizer Extension CRX File
Download CLS Visualizer extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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 Extension Basic Information
| Name |  CLS Visualizer |
| ID | jbbeihojggidiclbcneckhcblilapahn |
| Official URL | https://chromewebstore.google.com/detail/cls-visualizer/jbbeihojggidiclbcneckhcblilapahn |
| Description | Visualizer the CLS of any webpage |
| File Size | 17.27 KB |
| Installation Count | 8,771 |
| Current Version | 1.4 |
| Last Updated | 2022-11-20 |
| Publish Date | 2020-11-12 |
| Rating | 4.36/5 Total 11 Ratings |
| Developer | MarketingTracer |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://www.marketingtracer.com |
| Help Page URL | https://www.marketingtracer.com/contact |
| Privacy Policy Page URL | https://www.marketingtracer.com/privacy |
| Supported Languages | en |
| manifest.json | |
{
"action": {
"default_popup": "popup.html"
},
"content_security_policy": {
"extension_pages": "script-src 'self'; object-src 'self'"
},
"description": "Visualizer the CLS of any webpage",
"icons": {
"144": "icons\/icon144.png",
"16": "icons\/icon16.png",
"48": "icons\/icon48.png"
},
"manifest_version": 3,
"name": "CLS Visualizer",
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"version": "1.4",
"content_scripts": [
{
"matches": [
"https:\/\/*\/*",
"http:\/\/*\/*"
],
"run_at": "document_start",
"js": [
"js\/cls.js"
]
}
]
} | |
