开发者工具 / Developer Tools
稳定信号未识别到付费功能高风险权限组合
Core Web Vitals Visualizer icon

Core Web Vitals Visualizer

Measure, visualize, and debug Core Web Vitals in real time. CrUX history, LCP/CLS/INP breakdowns and performance experiments

用户数10K当前公开安装规模
评分5.0商店平均评分
评论数19公开评论体量
Manifest 版本V3插件平台版本
7日增长0近 7 天净增用户
7日增长率0%相对周增长速度
视觉预览

Core Web Vitals Visualizer 媒体预览

6 项素材
趋势

用户增长趋势

按已采集快照查看用户数变化。

用户增长趋势

10K10K10K10K10K2026年7月13日2026年7月16日2026年7月19日最新值: 10K
评分趋势

近 7 日评分趋势

展示最近 7 日窗口内已采集的评分快照，辅助判断近期评分是否稳定。

7 日评分变化

起始值
4.95
最新值
4.95
7 日评分变化
0.00
4.854.904.955.005.052026年7月13日2026年7月16日2026年7月19日最新值: 4.95
2026年7月13日2026年7月19日
增长概览

日/周/月增长表现

同口径展示 1 天、7 天、30 天的绝对增长与增长率。

1日增长持平
00%
7日增长持平
00%
30日增长持平
00%
技术摘要

版本、语言与抓取信息

查看发布时间、版本、支持语言、最近更新和抓取时间。

版本1.20
ManifestV3
大小2.51MiB
语言数1English
发布时间
最近更新
最近抓取
English
简介

插件简介

查看插件说明、主要功能和适用场景。

Core Web Vitals Visualizer

Open the popup on any page. See your LCP, CLS, INP, FCP, and TTFB scores instantly, color-coded, live. No separate tool. No copy-pasting URLs into PageSpeed Insights.

What it shows

Real-time scores powered by the web-vitals library, the same library Chrome uses internally. Green means good. Orange means work to do. Red means it's hurting you.

LCP - Green overlay marks the LCP element on the page. Full timing breakdown: TTFB, Resource Load Delay, Resource Load Duration, Element Render Delay. For images: preload status, fetchpriority, 1st vs 3rd party origin, natural vs rendered dimensions, estimated preload savings.

CLS - Pink overlays mark every layout shift source. Click any shift to see an animated before/after replay. Attribution shows the largest shift target and score.

评价

最新评论快照

查看最近评论和评分分布。

商店综合星级5.0Chrome 商店给出的聚合评分，包含只有打分但没有同步评论正文的情况
已同步评论均分4.9仅基于下方已同步评论正文计算
有内容评论9已同步的评论正文数量
总评分/评论数19Chrome 商店公开评分/评论计数

商店综合星级：5.0。下方星级分布只统计已同步评论正文；如果某个插件只有公开分数、没有真实评论正文，这里可能为空。

5★
8
4★
1
3★
0
2★
0
1★
0
ram shankar2025年12月24日
5

5 Star - Reduced my work 100% to 0% - kudos to developer

版本 1.15语言 en
Bilal Ahmed Khan2025年12月6日
5

Super useful extension, thanks for making this man!

版本 1.15语言 en
zuo zeng2025年9月23日
5

非常方便，直接展示LCP CLS元素等

版本 1.13语言 zh
Giuseppe Marras2025年7月8日
5

Estremamente utile

版本 1.13语言 it
tj y2024年6月6日
4

will make nextjs hydrate error when development: Warning: Extra attributes from the server: elementtiming

版本 1.11语言 en
Zhou Jihong2024年3月9日
5

很好的工具，能方便查看各项核心指标，谢谢！

版本 1.9语言 zh
Mohammad Hossein Doroud2024年2月6日
5

Excellent tool for debugging Web Vitals issues :))

版本 1.9语言 en
Charles Meaden2023年3月2日
5

My new favourite tool to look at Core Web Vitals scores

语言 en
Hans Stoop2022年10月30日
5

Great tool to visualize the Core Web Vitals

语言 en
相关推荐

同类与相关插件

查看 Chrome 商店详情页中的相关产品。