Core Web Vitals Visualizer

Visualize the Core Web Vitals of any webpage

什么是Core Web Vitals Visualizer?

Core Web Vitals Visualizer是由MarketingTracer开发的Chrome扩展程序,该扩展的主要功能是“Visualize the Core Web Vitals of any webpage”。

扩展截图

screenshot
screenshot
screenshot
screenshot
screenshot

下载Core Web Vitals Visualizer扩展crx文件

下载Core Web Vitals Visualizer扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        RUM Visualizer visualizes the Core Web Vitals for any webpage.

This extension will visualize the Core Web Vitals for any webpage. It includes the Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative layout Shift (CLS), First Contentful Paint (FCP), Interaction to Next Paint (INP) and the Time To First Byte  (TTFB). Get direct access to the Core Web Vitals historical data!

Features:

LCP
- Get LCP RUM values
- Visualize the LCP.
- Break down the LCP into Time to first byte, Resource load delay, Resource load time and Element render delay

FID
- Get FID RUM values
- Visualize the FID.
- FID breakdown

CLS
- Get CLS RUM values
- Show CLS breakdown
- Visualize the CLS
- Animate the CLS.

FCP
- Get FCP RUM values
- break down the FCP

INP
- Get INP RUM values
- Visualize the INP.
- INP breakdown

TTFB
- get TTFB RUM values
- breakdown the TTFB

Easy debugging:
- Emulate slow network conditions (3g).
- Enable or disable Caching for the current page.

changes:
1.2 added lots of LCP information like preloading,  fetchpriority, rendering breakdown, first or third party etc.
1.4 left side menu, more information about render blocking resources and direct links to PSI, CrUX dashboard and W3C.
1.5 code improvements, layout improvements, added page experiments (defer javascript, disable javascript, disable third party scripts, lazy load images, defer background images & disable webfonts)
1.6 Better INP Breakdown, minor code improvements.
1.7 Log Events, Long Tasks and Long Animation Frames to the console that happen during and might interfere with the INP
1.8 Better metric updates, better logging, minor improvements
1.9 CrUX history API, small fixes, more CLS info                    

扩展基本信息

名称 Core Web Vitals Visualizer Core Web Vitals Visualizer
ID mcffmgagphgpgkdclllnilokablhjcge
官方URL https://chromewebstore.google.com/detail/core-web-vitals-visualize/mcffmgagphgpgkdclllnilokablhjcge
简介 Visualize the Core Web Vitals of any webpage
文件大小 2.39 MB
安装次数 3,437
当前版本 1.9
更新时间 2024-01-31
上架时间 2022-10-29
评分 5.00/5 共9次评分
开发者 MarketingTracer
电子邮箱 [email protected]
付费类型 free
扩展官网 https://www.marketingtracer.com
帮助页面URL https://www.marketingtracer.com/contact
隐私政策页面URL https://www.marketingtracer.com/privacy
支持的语言 en
manifest.json
{
    "action": {
        "default_popup": "popup.html"
    },
    "content_security_policy": {
        "extension_pages": "script-src 'self'; object-src 'self'"
    },
    "description": "Visualize the Core Web Vitals of any webpage",
    "icons": {
        "144": "icons\/rum144.png",
        "16": "icons\/rum16.png",
        "48": "icons\/rum48.png"
    },
    "manifest_version": 3,
    "name": "Core Web Vitals Visualizer",
    "permissions": [
        "debugger"
    ],
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "version": "1.9",
    "content_scripts": [
        {
            "matches": [
                "https:\/\/*\/*",
                "http:\/\/*\/*"
            ],
            "run_at": "document_start",
            "js": [
                "js\/content.js"
            ]
        }
    ]
}