CLS Checker - Journey Further

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

What is CLS Checker - Journey Further?

CLS Checker - Journey Further is a Chrome extension developed by Journey Further, and its main feature is "Test and debug cumulative layout shifts (CLS) in the browser".

Extension Screenshots

screenshot
screenshot

Download CLS Checker - Journey Further Extension CRX File

Download CLS Checker - Journey Further 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 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.                    

Extension Basic Information

Name CLS Checker - Journey Further CLS Checker - Journey Further
ID ejgjaeamjppjgmjnaaljcocboejdinpj
Official URL https://chromewebstore.google.com/detail/cls-checker-journey-furth/ejgjaeamjppjgmjnaaljcocboejdinpj
Description Test and debug cumulative layout shifts (CLS) in the browser
File Size 107 KB
Installation Count 6,559
Current Version 0.0.0.3
Last Updated 2021-04-22
Publish Date 2021-03-16
Rating 5.00/5 Total 9 Ratings
Developer Journey Further
Email [email protected]
Payment Type free
Extension Website https://www.journeyfurther.com
Help Page URL https://www.journeyfurther.com
Supported Languages en-GB
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'"
}