Skip to content
https://www.canva.com

Performance

· 14 checks — Lighthouse + waterfall + sustainability rolled into one auditable list.
SCORE
79
GRADE
C
FIX
4
REVIEW
2
PASS
6
INFO
2

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

Mobile Desktop
96
Performance Overall performance score (0–100) based on Core Web Vitals and other metrics. 90+ is good.
100
Accessibility Measures how accessible the page is for users with disabilities. Checks color contrast, ARIA labels, and semantic HTML.
77
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.

889 ms

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

1.19 s

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

46 ms

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

0.002

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

1.15 s

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

1.64 s

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
6 PASS 2 REVIEW 4 FIX
D
Page Weight Budget
Action
2.3 MB transferred, 66 requests
FIX
2.3 MB transferred, 66 requests
Info::
Page weighs 2.9 MB (2.3 MB transferred)
Warning::
JavaScript is 810 KB — consider code splitting or lazy loading
Large JavaScript bundles delay interactivity. Split code by route or defer non-critical scripts.
Got: 810 KB
Info::
66 HTTP requests
Info::
Estimated 0.47 g CO2 per page load
2.3 MB / 2.4 MB budget
2.3 MB transferred
66 requests
0.47 g CO2 per page load
Other 1.2 MiB 54%
JavaScript 809.7 KiB 35%
Images 98.4 KiB 4%
CSS 54.5 KiB 2%
HTML 49.8 KiB 2%
Fonts 38.9 KiB 2%
Other 4.1 KiB 0%
Other 1.0 KiB 0%
Other 0 B 0%
0 2.4 MB 4.9 MB
Approaching limit

Large JavaScript bundles delay interactivity. Split code by route or defer non-critical scripts.

Why this matters

JavaScript bundle is large — code-split routes and lazy-load off-screen components to defer.

Source: web.dev

D
Third-Party Impact
Action
97% third-party, 0 ms blocking
FIX
97% third-party, 0 ms blocking
Warning::
Third-party code accounts for 97% of page weight (2.2 MiB of 2.3 MiB)
Info::
Third-party blocking time is low (0 ms)
97%
First-party Third-party
D
JS Bundles
Action
37 scripts, 356 KB unused
FIX
37 scripts, 356 KB unused
Warning::
https://static.canva.com/web/aa53b7465260c9eb.js: 147 KB unused (48%)
Consider code splitting or tree shaking to reduce unused code.
Warning::
https://accounts.google.com/gsi/client: 70 KB unused (75%)
Consider code splitting or tree shaking to reduce unused code.
Warning::
https://chunk-composing.canva.com/chunk-batch/b2c9...: 39 KB unused (44%)
Consider code splitting or tree shaking to reduce unused code.
Warning::
https://static.canva.com/web/243a21c2549ef88e.vend...: 30 KB unused (90%)
Consider code splitting or tree shaking to reduce unused code.
Warning::
https://static.canva.com/web/ad1181f53942b02c.s4le...: 25 KB unused (32%)
Consider code splitting or tree shaking to reduce unused code.
Info::
Total unused JavaScript: 356 KB
356 KB unused JavaScript

Downloaded but never executed on this page.

ScriptSizeUnusedMinifiedParty
https://static.canva.com/web/aa53b7465260c9eb.js308 KB147 KB (48%)✓3rd
https://accounts.google.com/gsi/client93 KB70 KB (75%)✓3rd
https://chunk-composing.canva.com/chunk-batch/b2c9703216bc654e.js+df74c84aec180a18.js+6c6fd1a53f5f87d1.vendor.js+649a0a1545100fc3.js+2bbbf906d2d22701.js+780e82335fb5a3eb.js+478a195d95e297dc.js+f3219372eb283ef9.js+a98b35a2b2808169.js+940d34c047e3f516.js+66ba7c171f380755.js+c831595e2c34d12c.js+ccc1b8eaea9ec1d9.js+2455273bfa86bfe3.js+bb77680c12ea9ca7.js+d49f4bdb9b809b2a.js+5ae4d2a1074a88b4.js+98de1580b778033a.js+ed32e9c8b46dc312.js+17d36fe0e16202a0.js+abc448338056b342.js+d1078d7462a60250.js+abbcffe85b27ef49.js+206c41a05d4b12a3.js+cb42223c8816c3fc.js+5ab23fda42c25da5.js+a96773e621062d0d.js+43d380f9735ac9d1.js+d3eed95dfc589b41.js+193800cd0e05dbb3.js+d4afb55f4d058304.js+cc4248cc828d2a6a.strings.js+dbc9e26bfd93d52a.js+4a28527a6b1d1e69.js+6a3a8eb69c2ae133.js+026ecc255fba30d1.strings.js+6964b9790e9899b6.js+e97be6bfedbf462c.js+892cc3c0bc664dfa.js+9ff00f87b94d7202.js89 KB39 KB (44%)✓3rd
https://static.canva.com/web/243a21c2549ef88e.vendor.js35 KB30 KB (90%)✓3rd
https://static.canva.com/web/ad1181f53942b02c.s4le6a.vendor.js78 KB25 KB (32%)✓3rd
https://static.canva.com/web/a2ac72e9800c50ea.1ul071.vendor.js41 KB23 KB (58%)✓3rd
https://static.canva.com/web/f3cf4411110060c6.sentry_browser.js38 KB22 KB (61%)✓3rd
https://static.canva.com/web/6fd8b9cb29d22a2d.js5 KB—✓3rd
https://www.canva.com/cdn-cgi/challenge-platform/h/b/scripts/jsd/625261456364/main.js?12 KB—✓1st
https://static.canva.com/web/7d238f3518d9fca3.en.js2 KB—✓3rd

Consider code splitting or tree shaking to reduce unused code.

Why this matters

This bundle has high unused code — code-split or tree-shake to ship only what executes.

Source: web.dev / Lighthouse coverage

Consider code splitting or tree shaking to reduce unused code.

Why this matters

This bundle has high unused code — code-split or tree-shake to ship only what executes.

Source: web.dev / Lighthouse coverage

Consider code splitting or tree shaking to reduce unused code.

Why this matters

This bundle has high unused code — code-split or tree-shake to ship only what executes.

Source: web.dev / Lighthouse coverage

Consider code splitting or tree shaking to reduce unused code.

Why this matters

This bundle has high unused code — code-split or tree-shake to ship only what executes.

Source: web.dev / Lighthouse coverage

Consider code splitting or tree shaking to reduce unused code.

Why this matters

This bundle has high unused code — code-split or tree-shake to ship only what executes.

Source: web.dev / Lighthouse coverage

D
HTTP Caching
Action
no-store (uncacheable)
FIX
no-store (uncacheable)
Info::
Cache-Control: no-store prevents all caching
Intentional for dynamic content, but increases server load for every page view.
Got: private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Info::
No ETag or Last-Modified header
Conditional requests (304 Not Modified) are not possible without validators.
Cache-Control

private, max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0

DirectiveValueMeaning
private—Only browser cache, not CDN/proxy
max-age0Cache for 0 seconds
no-store—Never cache this response
no-cache—Cache but always revalidate first
must-revalidate—Must recheck with server after expiry
post-check0
pre-check0
C
Image Optimization
Action
13 images, 0 KB saveable
REVIEW
13 images, 0 KB saveable
Warning::
https://content-management-files.canva.com/67d58c3... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://content-management-files.canva.com/7365175... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://content-management-files.canva.com/ae5e1c8... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://content-management-files.canva.com/4684b1c... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://content-management-files.canva.com/850101c... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://content-management-files.canva.com/ef8d0b0... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://content-management-files.canva.com/90620cc... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://content-management-files.canva.com/3a6ec7c... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
Warning::
https://content-management-files.canva.com/8b8264b... is missing width/height — may cause layout shift
Set explicit width and height to prevent CLS.
13 images 98 KB
0 oversized -0 KB
4 legacy format
9 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

C
JS Execution Cost
Action
1697ms total JS execution
REVIEW
1697ms total JS execution
Warning::
https://www.canva.com/: 543ms CPU time
Warning::
https://static.canva.com/web/ad1181f53942b02c.s4le...: 362ms CPU time
Warning::
https://static.canva.com/web/aa53b7465260c9eb.js: 312ms CPU time
Info::
https://static.canva.com/web/f3cf4411110060c6.sent...: 236ms CPU time
Info::
Unattributable: 112ms CPU time
Warning::
Third-party scripts: 1077ms (63% of total)

Main Thread Breakdown

Script Evaluation 44% Other 24% Style & Layout 24% Script Parsing & Compilation 4%
ScriptTotalScriptingParse/CompileParty
https://www.canva.com/543ms12ms5ms1st
https://static.canva.com/web/ad1181f53942b02c.s4le6a.vendor.js362ms232ms6ms3rd
https://static.canva.com/web/aa53b7465260c9eb.js312ms251ms23ms3rd
https://static.canva.com/web/f3cf4411110060c6.sentry_browser.js236ms105ms2ms3rd
Unattributable112ms4ms0ms3rd
https://www.canva.com/cdn-cgi/challenge-platform/scripts/jsd/main.js77ms72ms1ms1st
https://chunk-composing.canva.com/chunk-batch/b2c9703216bc654e.js+df74c84aec180a18.js+6c6fd1a53f5f87d1.vendor.js+649a0a1545100fc3.js+2bbbf906d2d22701.js+780e82335fb5a3eb.js+478a195d95e297dc.js+f3219372eb283ef9.js+a98b35a2b2808169.js+940d34c047e3f516.js+66ba7c171f380755.js+c831595e2c34d12c.js+ccc1b8eaea9ec1d9.js+2455273bfa86bfe3.js+bb77680c12ea9ca7.js+d49f4bdb9b809b2a.js+5ae4d2a1074a88b4.js+98de1580b778033a.js+ed32e9c8b46dc312.js+17d36fe0e16202a0.js+abc448338056b342.js+d1078d7462a60250.js+abbcffe85b27ef49.js+206c41a05d4b12a3.js+cb42223c8816c3fc.js+5ab23fda42c25da5.js+a96773e621062d0d.js+43d380f9735ac9d1.js+d3eed95dfc589b41.js+193800cd0e05dbb3.js+d4afb55f4d058304.js+cc4248cc828d2a6a.strings.js+dbc9e26bfd93d52a.js+4a28527a6b1d1e69.js+6a3a8eb69c2ae133.js+026ecc255fba30d1.strings.js+6964b9790e9899b6.js+e97be6bfedbf462c.js+892cc3c0bc664dfa.js+9ff00f87b94d7202.js55ms42ms9ms3rd
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+
Font Loading
1 fonts (39 KB)
PASS
1 fonts (39 KB)
Info::
1 font(s) use font-display: swap (FOUT risk but functional)

Web fonts

1

39 KB total

Render-blocking

0

of 1

Dominant font-display

swap

Most common across fonts

Font loading timeline
Transfer FOIT (block) FOUT (swap)
0 ms 500 ms 1.0 s FCP 889 ms LCP 1.2 shttps://static.canva.com/web/images/cff149ee1e9d2be50ac77bcd86769d05.woff2cff149ee1e9d2be50ac77bc... https://static.canva.com/web/images/cff149ee1e9d2be50ac77bcd86769d05.woff2 — 38.9 KiB — 0 ms — font-display: swap
cff149ee1e9d2be50ac77bc... woff2 swap
Size 39 KB
Load time 0 ms
Start 0 ms
Risk FOUT — text flashes from fallback to web font
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)
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
A+
Green Hosting
Whether the site is served from green-energy infrastructure
PASS

Green Hosting

This site is hosted on green energy infrastructure

Provider: Cloudflare

Network Waterfall
66 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
63% of JavaScript execution is third-party
First-party Third-party 1077ms · 513KB · $14/mo
static.canva.com
Other
Costly
Execution 362ms
Transfer 78 KB
Unused 32%
Monthly Cost $5/mo
static.canva.com
Other
Costly
Execution 312ms
Transfer 308 KB
Unused 48%
Monthly Cost $4/mo
static.canva.com
Other
Costly
Execution 236ms
Transfer 38 KB
Unused 61%
Monthly Cost $3/mo
Unattributable
Other
Optional
Execution 112ms
Transfer 0 KB
Monthly Cost $1/mo
chunk-composing.canva.com
Other
Optional
Execution 55ms
Transfer 89 KB
Unused 44%
Monthly Cost $1/mo

These scripts may cost more than they're worth

  • static.canva.com adds 362ms and costs ~$5/month
  • static.canva.com adds 312ms and costs ~$4/month
  • static.canva.com adds 236ms and costs ~$3/month

63% of JavaScript execution time comes from third-party scripts.

Why this matters

Third-party scripts (analytics, ads, social, A/B testing) often dominate execution time — every one is a perf-and-privacy tax.

Learn more ▾

Each third-party script is a black box: you don't control when it loads, what it executes, or how much it grows. They often account for a major share of total blocking time on average sites (HTTP Archive's Web Almanac documents the trend). Audit which ones you actually need, defer the rest, and use facade patterns (lite-youtube, lite-vimeo) for embedded media.

Source: web.dev / HTTP Archive Web Almanac

static.canva.com takes 362ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.

Why this matters

This script has high main-thread execution time — optimize hot paths or defer.

Source: web.dev

static.canva.com takes 312ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.

Why this matters

This script has high main-thread execution time — optimize hot paths or defer.

Source: web.dev

static.canva.com takes 236ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.

Why this matters

This script has high main-thread execution time — optimize hot paths or defer.

Source: web.dev

61% of static.canva.com's code is unused. The script may be loading features you don't use.

Why this matters

Bundle has high unused-code ratio — tree-shaking and route-splitting recover the wasted bytes.

Source: web.dev

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