CWV Health Score
--
--
Audit in progress
Largest Contentful Paint
--
--
Target: ≤ 2.50s (Good)
Cumulative Layout Shift
--
--
Target: ≤ 0.100 (Good)
Interaction to Next Paint
--
--
Target: ≤ 200ms (Good)
Input Code (JSX / TSX / HTML)
Auto-Remediated Code & Diff
// Click "1-Click Auto-Remediate" to generate idempotent diff...
Detected Core Web Vitals Bottlenecks (0)
| Rule ID | Metric | Severity | Line | Issue & Remediation Guidance | Auto-Fix |
|---|---|---|---|---|---|
| No audit run yet. | |||||
Traffic & Store Profile
Monthly Visitors
150,000
Baseline Conversion Rate (%)
2.4%
Average Order Value ($)
$85
Baseline LCP (Seconds)
3.6s
Baseline INP (Milliseconds)
380ms
Baseline CLS (Shift Score)
0.22
Gross Margin (%)
65%
Annual Revenue Recovered
$0
Annual Gross Profit Lift: $0
Net Conversion Lift
+0%
Projected CVR: 0%
Monthly Incremental Revenue
$0
Immediate revenue per 30-day billing cycle
Google SEO Organic Lift
+0%
+0 incremental monthly visits
Tool License Payback & Executive Summary
Calculating business case...
Pro ($49/mo) Payback
< 24 Hours
Full Kit ($179) Payback
< 48 Hours
Core Web Vitals Static Analysis Catalog (8 Rules)
| Rule ID | Metric | Severity | Name | Rationale & Codemod Action |
|---|---|---|---|---|
CWV_LCP_001 |
LCP | CRITICAL | Hero Image Missing Priority | Image in above-the-fold hero lacking priority or having loading="lazy" causes LCP delays of 800ms-2000ms. Remediator injects priority and removes lazy loading. |
CWV_CLS_002 |
CLS | CRITICAL | Missing Dimensions or aspect-ratio | Media elements without width/height reserve 0px on initial render, shifting layout upon header arrival. Remediator injects explicit dimensions or aspect-ratio. |
CWV_CLS_003 |
CLS | HIGH | Web Font Missing display: swap | Custom fonts without swap trigger Flash of Invisible Text (FOIT). Remediator adds display: 'swap' to next/font and font-display: swap to @font-face. |
CWV_INP_004 |
INP | CRITICAL | Blocking Synchronous Handlers | Synchronous array filters/sorts and multi-state updates block the main thread, pushing INP past 200ms. Remediator wraps updates in React startTransition. |
CWV_INP_005 |
INP | HIGH | Render-Blocking Third-Party Scripts | GTM, Hotjar, Facebook Pixel scripts competing with hydration create long tasks. Remediator applies strategy="lazyOnload" or defer. |
CWV_LCP_006 |
LCP | MEDIUM | Missing Critical Origin preconnect | External font/CDN domains require DNS + TLS handshakes. Remediator injects rel="preconnect" link tags. |
CWV_BUNDLE_007 |
INP | HIGH | Heavy Barrel Imports | Importing from root of lucide-react or lodash inflates JS parse & compilation. Remediator rewrites to direct subpaths. |
CWV_DOM_008 |
INP | MEDIUM | Unvirtualized Dynamic Lists | Large mapped arrays generate hundreds of off-screen nodes. Remediator adds contentVisibility: 'auto'. |