Skip to content
https://vuejs.org

Performance

· 14 checks — Lighthouse + waterfall + sustainability rolled into one auditable list.
SCORE
97
GRADE
A+
FIX
0
REVIEW
3
PASS
9
INFO
2

Performance-focused optimization plan with CWV assessment, top offenders, and time estimates

Mobile Desktop
99
Performance Overall performance score (0–100) based on Core Web Vitals and other metrics. 90+ is good.
86
Accessibility Measures how accessible the page is for users with disabilities. Checks color contrast, ARIA labels, and semantic HTML.
100
Best Practices Checks for modern web development best practices including HTTPS, no console errors, and secure JavaScript.
100
SEO Measures basic SEO optimizations: meta tags, crawlability, link text, and mobile friendliness.

First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.

582 ms

Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.

747 ms

Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.

4 ms

Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.

0.000

Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.

615 ms

Time to Interactive Time to Interactive — how long until the page is fully interactive and responds to user input. Under 3.8s is good.

801 ms

Page Load Progression

375 ms
750 ms
1.1 s
1.5 s
1.9 s
2.2 s
2.6 s
3.0 s
Checks
14
9 PASS 3 REVIEW
C
Image Optimization
Action
13 images, 0 KB saveable
REVIEW
13 images, 0 KB saveable
Warning::
https://automation.vuejs.org/images/vue_js_amsterd... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/storyblok.avif is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/chrome_framewo... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/herodevs.avif is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/imagekit_io.sv... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/greptile.avif is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/monterail.svg is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/javascript_cer... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/coderabbit_.av... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/serpapi.avif is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/vuemastery.avi... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://automation.vuejs.org/images/vehikl.avif is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
13 images 67 KB
0 oversized -0 KB
4 legacy format
12 missing dimensions CLS risk

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

Set explicit width and height to prevent CLS.

Why this matters

Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.

Source: web.dev / Core Web Vitals

C
Green Hosting
Action
Whether the site is served from green-energy infrastructure
REVIEW

Green Hosting

No green hosting detected

B
HTTP Caching
public,max-age=0,must-revalidate
REVIEW
public,max-age=0,must-revalidate
Info::
Cache-Control header is set
Got: public,max-age=0,must-revalidate
Info::
ETag present — enables conditional (304) responses
Cache-Control

public,max-age=0,must-revalidate

DirectiveValueMeaning
public—Any cache may store this response
max-age0Cache for 0 seconds
must-revalidate—Must recheck with server after expiry
A+
Page Weight Budget
483 KB transferred, 54 requests
PASS
483 KB transferred, 54 requests
Info::
Page weighs 747 KB (483 KB transferred)
Info::
Fonts are 224 KB — consider subsetting or using system fonts
Subset fonts to include only used characters, or switch to system font stacks.
Got: 224 KB
Info::
54 HTTP requests
Info::
Estimated 0.10 g CO2 per page load
483 KB / 2.4 MB budget
483 KB transferred
54 requests
0.10 g CO2 per page load
Fonts 223.8 KiB 46%
Other 69.7 KiB 14%
JavaScript 68.0 KiB 14%
Images 67.2 KiB 14%
CSS 39.6 KiB 8%
HTML 12.1 KiB 3%
Other 2.2 KiB 0%
0 2.4 MB 4.9 MB
Under budget

Subset fonts to include only used characters, or switch to system font stacks.

Why this matters

Font payload is large — subset to used glyphs only, or fall back to system fonts (zero load time).

Source: web.dev font loading

A+
Third-Party Impact
15% third-party, 0 ms blocking
PASS
15% third-party, 0 ms blocking
Info::
Third-party code accounts for 15% of page weight (73.8 KiB of 482.7 KiB)
Info::
Third-party blocking time is low (0 ms)
85%
15%
First-party Third-party
A+
Text Compression
All text resources are compressed
PASS
All text resources are compressed
Info::
All text resources are compressed
All text resources are properly compressed.
A+
JS Execution Cost
313ms total JS execution
PASS
313ms total JS execution
Info::
Unattributable: 122ms CPU time
Info::
https://vuejs.org/assets/chunks/client.DgPLsILe.js: 114ms CPU time
Info::
https://vuejs.org/: 77ms CPU time
Info::
Third-party scripts: 122ms (39% of total)

Main Thread Breakdown

Style & Layout 42% Other 27% Script Evaluation 23% Rendering 4%
ScriptTotalScriptingParse/CompileParty
Unattributable122ms52ms0ms3rd
https://vuejs.org/assets/chunks/client.DgPLsILe.js114ms12ms0ms1st
https://vuejs.org/77ms3ms1ms1st
A+
Font Loading
3 fonts (224 KB)
PASS
3 fonts (224 KB)
Info::
3 font(s) use font-display: swap (FOUT risk but functional)

Web fonts

3

224 KB total

Render-blocking

0

of 3

Dominant font-display

swap

Most common across fonts

Font loading timeline
Transfer FOIT (block) FOUT (swap)
0 ms 500 ms 1.0 s FCP 582 ms LCP 747 mshttps://vuejs.org/assets/inter-roman-latin.Cy4MYw_J.woff2inter-roman-latin.Cy4MY... https://vuejs.org/assets/inter-roman-latin.Cy4MYw_J.woff2 — 70.1 KiB — 0 ms — font-display: swaphttps://vuejs.org/assets/inter-roman-cyrillic.CD0kT8R4.woff2inter-roman-cyrillic.CD... https://vuejs.org/assets/inter-roman-cyrillic.CD0kT8R4.woff2 — 28.5 KiB — 0 ms — font-display: swaphttps://vuejs.org/assets/inter-roman-latin-ext.Dl_ayf4-.woff2inter-roman-latin-ext.D... https://vuejs.org/assets/inter-roman-latin-ext.Dl_ayf4-.woff2 — 125.3 KiB — 0 ms — font-display: swap
inter-roman-latin.Cy4MY... woff2 swap
Size 70 KB
Load time 0 ms
Start 0 ms
Risk FOUT — text flashes from fallback to web font
inter-roman-cyrillic.CD... woff2 swap
Size 28 KB
Load time 0 ms
Start 0 ms
Risk FOUT — text flashes from fallback to web font
inter-roman-latin-ext.D... woff2 swap
Size 125 KB
Load time 0 ms
Start 0 ms
Risk FOUT — text flashes from fallback to web font
  • Subset this font — over 100 KB suggests Latin Extended or full glyph coverage that most pages don't need
Optimization checklist
  • Preload critical fonts (priority=high)
  • Use woff2 format for all fonts
  • Set font-display to swap, optional, or fallback
  • Subset large fonts (≤100 KB each)

Fixing the unchecked items could save ~63 KB and ~126 ms

A+
JS Bundles
31 scripts, 0 KB unused
PASS
31 scripts, 0 KB unused
0 KB unused JavaScript

Downloaded but never executed on this page.

ScriptSizeUnusedMinifiedParty
https://vuejs.org/assets/app.B302o-iz.js4 KB—✓1st
https://vuejs.org/assets/chunks/plugin-vue_export-helper.DNfduuin.js0 KB—✓1st
https://vuejs.org/assets/chunks/preload-helper.CRHtBsWF.js1 KB—✓1st
https://vuejs.org/assets/chunks/client.DgPLsILe.js7 KB—✓1st
https://vuejs.org/assets/chunks/PreferenceSwitch.B1o1GYnp.js2 KB—✓1st
https://vuejs.org/assets/chunks/SponsorsGroup.Ch7RftWG.js1 KB—✓1st
https://vuejs.org/assets/chunks/src.CvoXmqPS.js15 KB—✓1st
https://vuejs.org/assets/chunks/runtime-core.esm-bundler.BK5ah_UL.js25 KB—✓1st
https://vuejs.org/assets/chunks/runtime-dom.esm-bundler.BLPxhSW6.js6 KB—✓1st
https://vuejs.org/assets/chunks/config.BY4V47D4.js1 KB—✓1st
A+
Resource Caching
All resources properly cached
PASS
All resources properly cached
Info::
No caching issues found
All static resources have appropriate caching headers.
A+
Critical Rendering Path
No render-blocking resources
PASS
No render-blocking resources
Info::
No render-blocking resources detected
A+
Resource Hints
No optimization needed
PASS
No optimization needed
Info::
No resource hint issues
Network Waterfall
54 requests over 0ms
INFO

Performance analysis not available for this result.

Third-Party Script Cost
Per-script blocking time, transfer cost, and cache headers
INFO
39% of JavaScript execution is third-party
First-party Third-party 122ms · 0KB · $2/mo
Unattributable
Other
Optional
Execution 122ms
Transfer 0 KB
Monthly Cost $2/mo

How third-party costs are calculated

All checks on this page are automated. Results are estimates - run targeted manual reviews when the score affects a release decision.

Send Feedback