Test and debug cumulative layout shifts (CLS) in the browser

Latest Version

Version
0.0.0.3
Update
April 22, 2021
Size
107KiB
Developer
Category
Users
6,000+
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English (UK)
See more
Permissions
ActiveTab
BrowsingData
See more

CLS Checker - Journey Further Extension

This tool 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.
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"description":"Test and debug cumulative layout shifts (CLS) in the browser",
"version":"0.0.0.3",
"name":"CLS Checker - Journey Further",
"background":{"scripts":["background.bundle.js"]},
"browser_action":{"default_popup":"popup.html",
"default_icon":"cls-favicon-32.png"},
"icons":{"128":"cls-favicon-128.png"},
"permissions":["activeTab",
"browsingData"],
"manifest_version":2,
"content_security_policy":"script-src 'self' 'unsafe-eval'; object-src 'self'"}
Read more

Similar Extensions

icon

CLS Visualizer Extension · Developer Tools 6,000+ 11 ★ 17.27KiB

icon

LCP & CLS Monitor Extension · Developer Tools 6,000+ 1 ★ 19.96KiB

icon

Core Web Vitals Extension · Developer Tools 6,000+ 5 ★ 7.29KiB

icon

Core Web Vitals Annotations Extension · Developer Tools 6,000+ 2 ★ 191KiB

icon

Lighthouse Extension · Developer Tools 6,000+ 318 ★ 50.7KiB

icon

Core Web Vitals Visualizer Extension · Developer Tools 6,000+ 12 ★ 2.39MiB

icon

Google Analytics Debugger Extension · Developer Tools 6,000+ 533 ★ 28.88KiB

icon

SpeedVitals Extension · Developer Tools 6,000+ 9 ★ 37.18KiB

icon

Web Vitals Extension · Developer Tools 6,000+ 43 ★ 398KiB

icon

Core SERP Vitals Extension · Developer Tools 6,000+ 15 ★ 20.91KiB

icon

Checkbot: SEO, Web Speed & Security Tester ? Extension · Developer Tools 6,000+ 940 ★ 1.67MiB

icon

View Rendered Source Extension · Developer Tools 6,000+ 37 ★ 73.68KiB

icon

Web Vitals Tester Extension · Developer Tools 6,000+ 1 ★ 1.07MiB

icon

Redirect Path Extension · Developer Tools 6,000+ 194 ★ 6.06MiB

icon

Schema Builder for Structured Data Extension · Developer Tools 6,000+ 29 ★ 889KiB

icon

AMP Validator Extension · Developer Tools 6,000+ 97 ★ 2.51MiB

icon

Analytics Debugger Extension · Developer Tools 6,000+ 211 ★ 300KiB

icon

Google PageSpeed Insights API Extension Extension · Developer Tools 6,000+ 38 ★ 101KiB

icon

Datalayer Checker Extension · Developer Tools 6,000+ 33 ★ 93.13KiB

icon

Site Speed by DebugBear Extension · Developer Tools 6,000+ 4 ★ 92.18KiB

icon

Dom Size Analyzer Extension · Developer Tools 6,000+ 12 ★ 58.04KiB

icon

Hreflang Tag Checker Extension · Productivity 6,000+ 14 ★ 32.95KiB

icon

META SEO inspector Extension · Developer Tools 6,000+ 594 ★ 379KiB

icon

Link Redirect Trace Extension · Developer Tools 6,000+ 346 ★ 549KiB

User reviews

icon

서교욱 (ID: 00000062dcc6823f) Voted 5 ★ - Updated 12/21/2022 This a very useful program that saves time. If there's a mobile version, it'll be perfect

icon

Rife Interactive (ID: 0000001ef69260fe) Voted 5 ★ - Updated 04/01/2022 FANTASTIC tool - great job guys, thank you so much

icon

Eric Caldwell (ID: 0000008466440698) Voted 5 ★ - Updated 08/14/2021 Been waiting on an extension that does exactly this! Bravo. Please keep this extension updated.

icon

Dan Rowlands (ID: 000000251ea51e56) Voted 5 ★ - Updated 05/05/2021 Great tool for identifying CLS issues on page - ideal for visualising issues that developers can then use to fix CLS issues to improve performance!

icon

Dan Nutter (ID: 0000009c1d8fa545) Voted 5 ★ - Updated 05/05/2021 This tool has made isolating CLS issues so much easier!! It’s now a vital part of my Core Web Vitals analysis toolkit.