Stable signalNo paid features detectedHigh-risk permissions
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

Users10KCurrent public install base
Rating5.0Store average score
Reviews19Public review volume
Manifest versionV3Extension platform version
7-day growth0Net users gained this week
7-day growth rate0%Relative weekly velocity
Preview

Core Web Vitals Visualizer Media preview

6 assets
Trend

User growth trend

Review user movement across collected snapshots.

User Growth Over Time

10K10K10K10K10K2026年7月13日2026年7月16日2026年7月19日Latest: 10K
Rating trend

7-day rating trend

View collected rating snapshots from the latest 7-day window to assess rating stability.

7-day rating change

Start
4.95
Latest
4.95
7-day rating change
0.00
4.854.904.955.005.052026年7月13日2026年7月16日2026年7月19日Latest: 4.95
2026年7月13日2026年7月19日
Growth overview

Daily, weekly, and monthly growth

Compare 1-day, 7-day, and 30-day net growth and growth rate.

1-day growthFlat
00%
7-day growthFlat
00%
30-day growthFlat
00%
Technical snapshot

Version, languages, and crawl freshness

Review publication date, version, supported languages, and crawl timestamps.

Version1.20
ManifestV3
Size2.51MiB
Languages1English
Published
Store updated
Last crawled
English
Overview

Product summary

Review the store description, core capabilities, and common use cases.

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.

Reviews

Recent review snapshot

Inspect the latest comments and rating distribution.

Store average score5.0Chrome Web Store aggregate rating, including ratings without synced review text
Synced text average4.9Average computed only from synced review bodies below
Reviews with text9Synced review bodies
Total ratings / reviews19Chrome Web Store public rating/review count

Store average score: 5.0. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.

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

Version 1.15Language en
Bilal Ahmed Khan2025年12月6日
5

Super useful extension, thanks for making this man!

Version 1.15Language en
zuo zeng2025年9月23日
5

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

Version 1.13Language zh
Giuseppe Marras2025年7月8日
5

Estremamente utile

Version 1.13Language it
tj y2024年6月6日
4

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

Version 1.11Language en
Zhou Jihong2024年3月9日
5

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

Version 1.9Language zh
Mohammad Hossein Doroud2024年2月6日
5

Excellent tool for debugging Web Vitals issues :))

Version 1.9Language en
Charles Meaden2023年3月2日
5

My new favourite tool to look at Core Web Vitals scores

Language en
Hans Stoop2022年10月30日
5

Great tool to visualize the Core Web Vitals

Language en