LCP & CLS Monitor

Core Web Vitals Largest Contentful Paint and Cumulative Layout Shift Monitor

What is LCP & CLS Monitor?

LCP & CLS Monitor is a Chrome extension developed by Dima Solovei, and its main feature is "Core Web Vitals Largest Contentful Paint and Cumulative Layout Shift Monitor".

Extension Screenshots

screenshot
screenshot
screenshot

Download LCP & CLS Monitor Extension CRX File

Download LCP & CLS Monitor 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 helps to identify problematic elements causing CLS performance issues on the page by visually highlighting them with a red border. Also in the lower left corner you can watch the change of this indicator while staying on the page.                    

Extension Basic Information

Name LCP & CLS Monitor LCP & CLS Monitor
ID lcifpchofigigpgmhpghagcifokadjaa
Official URL https://chromewebstore.google.com/detail/lcp-cls-monitor/lcifpchofigigpgmhpghagcifokadjaa
Description Core Web Vitals Largest Contentful Paint and Cumulative Layout Shift Monitor
File Size 19.96 KB
Installation Count 873
Current Version 1.01
Last Updated 2021-04-26
Publish Date 2021-04-25
Developer Dima Solovei
Email [email protected]
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "LCP & CLS Monitor",
    "description": "Core Web Vitals Largest Contentful Paint and Cumulative Layout Shift Monitor",
    "version": "1.01",
    "manifest_version": 3,
    "permissions": [
        "storage",
        "scripting",
        "webNavigation"
    ],
    "host_permissions": [
        "http:\/\/*\/",
        "https:\/\/*\/"
    ],
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_popup": "index.html",
        "default_icon": {
            "16": "\/images\/logo-16.png",
            "32": "\/images\/logo-32.png",
            "48": "\/images\/logo-48.png",
            "128": "\/images\/logo-128.png"
        }
    }
}