CLS Visualizer

Visualizer the CLS of any webpage
Download

The CLS Visualizer Chrome extension provides an intuitive way to highlight and visualize the Cumulative Layout Shift (CLS) of any webpage. CLS is a critical user-centric metric that measures visual stability by quantifying unexpected layout shifts that users experience while browsing. Ensuring a low CLS score contributes to a more delightful and stable user experience.

Debugging CLS issues can be challenging without clear visualization; this extension addresses that by making CLS issues visible directly on the page. By using this tool, developers and designers can easily identify and fix elements causing layout shifts, resulting in improved website performance and user satisfaction.

Manifest V3
Users:
10,000+
Rating:
4.36
(11)
Version:
1.4 (Last updated: 2022-11-20)
Creation date:
2020-11-12
Size:
17.68K
Full description:
See detailed description
Updated:
13 hours ago

Ranking

# 9,257 ▲ 71
Other rankings
#1685 in Developer Tools ▼ 4#20 in layout keyword 25 #33 in shift keyword 33 ▲ 2

User reviews

Pros
  • Best tool for CLS optimization
  • Easy to use
  • Helpful for identifying layout shifts
  • Works well for viewport analysis
  • Gratitude expressed for the tool
Cons
  • No longer works for some users
  • List items in pop-up are not clickable
Recent reviews
greatttttt
by Yahya Ahmed, 2023-10-23
Best tool for cls
by Bertan mızrak, 2023-09-19
Thank you for this tool!
by Osama Raya, 2023-02-26
View all user reviews

Extension safety

Risk impact
Low risk impact

CLS Visualizer requires very minimum permissions.

Risk impact analysis details
  • High Injects scripts into web pages, which may alter or extract site contents, resulting in a substantial risk.
Risk likelihood
Very low risk likelihood

CLS Visualizer has earned a good reputation and can be trusted.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Low **** ********* *** ******* **** **** * ****** **** ***** ******** *** **** ****** ** ** ****** *** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* ** * ******** ********* ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to CLS Visualizer:

CLS Checker - Journey Further CLS Checker - Journey Further
Journey Further
4K 5.00 (9)
LCP & CLS Monitor LCP & CLS Monitor
Dima Solovei
1,000 5.00 (1)
Core Web Vitals Core Web Vitals
Arun Surendran
6K 5.00 (5)
Analytics Debugger Analytics Debugger
https://www.thyngster.com
100K 4.59 (219)
Core Web Vitals Visualizer Core Web Vitals Visualizer
MarketingTracer
6K 4.92 (12)
Datalayer Checker Datalayer Checker
https://sublimetrix.com
100K 4.62 (42)
Lighthouse Lighthouse
https://developers.google.com/web
1000K 4.44 (321)
Redirect Path Redirect Path
https://www.ayima.com
300K 4.33 (196)
Core Web Vitals Annotations Core Web Vitals Annotations
delambo
1,000 3.00 (2)
View Rendered Source View Rendered Source
https://viewrenderedsource.com
30K 4.51 (37)
Site Speed by DebugBear Site Speed by DebugBear
https://debugbear.com
7K 4.75 (4)
Core SERP Vitals Core SERP Vitals
https://defaced.dev
4K 3.38 (16)