Performance
· 22 checks — Lighthouse + waterfall + sustainability rolled into one auditable list.Performance-focused optimization plan with CWV assessment, top offenders, and time estimates
First Contentful Paint First Contentful Paint — how long until the browser renders the first piece of content. Under 1.8s is good.
1.10 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
1.90 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
116 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.003
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
1.33 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.90 s
Page Load Progression
DThird-Party ImpactAction100% third-party, 0 ms blockingFIX
DJS BundlesAction36 scripts, 367 KB unusedFIX
Downloaded but never executed on this page.
| Script | Size | Unused | Minified | Party |
|---|---|---|---|---|
| https://static.canva.com/web/c21f6f054c15db53.js | 337 KB | 157 KB (47%) | ✓ | 3rd |
| https://accounts.google.com/gsi/client | 105 KB | 75 KB (72%) | ✓ | 3rd |
| https://chunk-composing.canva.com/chunk-batch/c9402119419a5eb7.js+8f55ad5c6d0de252.js+a2b848eb941bf9e3.js+26c9b82fbfb46c5a.js+b65fbc5dce21e87b.js+117e29cf9d69c82f.js+404b624ec8afe9be.js+43fc0058f5d9b4df.vendor.js+0ca5df02123f2451.js+1f9de6fd95cc8fe8.js+73b3f677bd8a2cdc.js+a378acb90d1bfdc0.js+b73fd8e9658eafb6.js+1f9b1f3750fbf949.js+1251ed734c717583.js+f1c06e3cac09c9a5.js+143fdeae090d11db.js+0767105fd804454e.js+6e4dea71499899da.js+e5ac39505ec4ebf7.js+cff5dc225345b35b.js+c5fb27b088f23258.js+417dacdbb387cf4d.js+616a9f9b39ff46aa.js+bcde26ff8deb9f27.js+5ed1d67f24f9a487.js+41bf0efcf0cccb56.js+333141ea5f3e0945.js+c2f2149a4eabfc68.js+5ab98096764a3c0c.js+25bdc93247f6fdc1.js+04147f0a9abdda76.js+a5683626d39ba6fa.js+2f0222133e5744ae.js+943c428671ad53fa.js+8a870661a4e804f8.js+a50aacc14ecf27b0.js+f609805c66d8948b.js+e4432076547b5e7a.strings.js+83b9cdb0e63d561a.js | 96 KB | 35 KB (37%) | ✓ | 3rd |
| https://static.canva.com/web/b2b75586778cc603.s4le6a.vendor.js | 88 KB | 31 KB (36%) | ✓ | 3rd |
| https://static.canva.com/web/07d90a51a2b3b024.1ul071.vendor.js | 41 KB | 24 KB (60%) | ✓ | 3rd |
| https://static.canva.com/web/706d60db64c317b6.sentry_browser.js | 0 KB | 22 KB (60%) | ✓ | 3rd |
| https://static.canva.com/web/706d60db64c317b6.sentry_browser.js | 38 KB | 22 KB (60%) | ✓ | 3rd |
| https://static.canva.com/web/2fc5bf9857c04bf7.js | 1 KB | — | ✓ | 3rd |
| https://www.canva.com/cdn-cgi/challenge-platform/h/b/scripts/jsd/8340802ab0bb/main.js?ray=a56c5f45df339ef2 | 16 KB | — | ✓ | 3rd |
| https://static.canva.com/web/a517bc56a5a125de.js | 4 KB | — | ✓ | 3rd |
Consider code splitting or tree shaking to reduce unused code.
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.
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.
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.
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.
This bundle has high unused code — code-split or tree-shake to ship only what executes.
Source: web.dev / Lighthouse coverage
DPage Weight InventoryAction68 resources · 2.0 MB · 367 KB savings availableFIX
~366.8 KiB of savings available
| # | Resource | Type | Size | Cache | Unused | 3rd party | Issues |
|---|---|---|---|---|---|---|---|
| — | — | ||||||
| 68 resources | 2.0 MiB | ||||||
FHTTP CachingActionNo cache headersFIX
No Cache-Control header
Adding a Cache-Control header can significantly improve repeat-visit performance.
CPage Weight BudgetAction2.0 MB transferred, 68 requestsREVIEW
Large JavaScript bundles delay interactivity. Split code by route or defer non-critical scripts.
JavaScript bundle is large — code-split routes and lazy-load off-screen components to defer.
Source: web.dev
CImage OptimizationAction13 images, 0 KB saveableREVIEW
Set explicit width and height to prevent CLS.
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.
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.
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.
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.
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.
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.
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.
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.
Image without explicit width/height — browser can't reserve space; CLS jumps when image loads.
Source: web.dev / Core Web Vitals
CJS Execution CostAction1623ms total JS executionREVIEW
Main Thread Breakdown
| Script | Total | Scripting | Parse/Compile | Party |
|---|---|---|---|---|
| https://www.canva.com/ | 516ms | 10ms | 5ms | 3rd |
| https://static.canva.com/web/c21f6f054c15db53.js | 369ms | 322ms | 21ms | 3rd |
| https://static.canva.com/web/706d60db64c317b6.sentry_browser.js | 219ms | 88ms | 2ms | 3rd |
| https://static.canva.com/web/b2b75586778cc603.s4le6a.vendor.js | 217ms | 161ms | 6ms | 3rd |
| Unattributable | 150ms | 5ms | 0ms | 1st |
| https://www.canva.com/cdn-cgi/challenge-platform/scripts/jsd/main.js?ray=a56c5f45df339ef2 | 99ms | 84ms | 1ms | 3rd |
| https://chunk-composing.canva.com/chunk-batch/c9402119419a5eb7.js+8f55ad5c6d0de252.js+a2b848eb941bf9e3.js+26c9b82fbfb46c5a.js+b65fbc5dce21e87b.js+117e29cf9d69c82f.js+404b624ec8afe9be.js+43fc0058f5d9b4df.vendor.js+0ca5df02123f2451.js+1f9de6fd95cc8fe8.js+73b3f677bd8a2cdc.js+a378acb90d1bfdc0.js+b73fd8e9658eafb6.js+1f9b1f3750fbf949.js+1251ed734c717583.js+f1c06e3cac09c9a5.js+143fdeae090d11db.js+0767105fd804454e.js+6e4dea71499899da.js+e5ac39505ec4ebf7.js+cff5dc225345b35b.js+c5fb27b088f23258.js+417dacdbb387cf4d.js+616a9f9b39ff46aa.js+bcde26ff8deb9f27.js+5ed1d67f24f9a487.js+41bf0efcf0cccb56.js+333141ea5f3e0945.js+c2f2149a4eabfc68.js+5ab98096764a3c0c.js+25bdc93247f6fdc1.js+04147f0a9abdda76.js+a5683626d39ba6fa.js+2f0222133e5744ae.js+943c428671ad53fa.js+8a870661a4e804f8.js+a50aacc14ecf27b0.js+f609805c66d8948b.js+e4432076547b5e7a.strings.js+83b9cdb0e63d561a.js | 53ms | 44ms | 8ms | 3rd |
BHTTP/3 (QUIC)HTTP/3 not advertisedREVIEW
CDocument CompressionActionDocument response served uncompressedREVIEW
BMain HTML Cache-ControlNo Cache-Control header on main HTML responseREVIEW
BServer-Timing ObservabilityNo Server-Timing header foundREVIEW
CGreen HostingActionWhether the site is served from green-energy infrastructureREVIEW
Green Hosting
No green hosting detected
A+Text CompressionAll text resources are compressedPASS
A+Font Loading1 fonts (39 KB)PASS
Web fonts
1
39 KB total
Render-blocking
0
of 1
Dominant font-display
swap
Most common across fonts
Font loading timeline
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 CachingAll resources properly cachedPASS
A+Critical Rendering PathNo render-blocking resourcesPASS
A+Resource HintsNo optimization neededPASS
A+LCP Image PreloadLCP preload audit not availablePASS
A+Server Response Intelligence1 server-response signal(s) detectedPASS
Asset CompressionNo text asset hosts to measureINFO
Network Waterfall68 requests over 4095msINFO
Third-Party Script CostPer-script blocking time, transfer cost, and cache headersINFO
| Script | Category | Execution | Transfer | Unused | Monthly Cost | Verdict |
|---|---|---|---|---|---|---|
www.canva.com www.canva.com | Other | 516ms | 60 KB | — | $7/mo | Costly |
static.canva.com static.canva.com | Other | 369ms | 337 KB | 47% | $5/mo | Costly |
static.canva.com static.canva.com | Other | 219ms | 0 KB | 60% | $3/mo | Costly |
static.canva.com static.canva.com | Other | 217ms | 88 KB | 36% | $3/mo | Costly |
www.canva.com www.canva.com | Other | 99ms | 0 KB | — | $1/mo | Optional |
chunk-composing.canva.com chunk-composing.canva.com | Other | 53ms | 96 KB | 37% | $1/mo | Optional |
These scripts may cost more than they're worth
- www.canva.com adds 516ms and costs ~$7/month
- static.canva.com adds 369ms and costs ~$5/month
- static.canva.com adds 219ms and costs ~$3/month
- static.canva.com adds 217ms and costs ~$3/month
91% of JavaScript execution time is spent on third-party scripts. Consider auditing which scripts are essential.
When third-party JS execution time exceeds your own, performance gains from frontend work are capped by code you don't own.
Learn more ▾ ▴
Every millisecond of third-party JS competes with your own for main-thread time. If their share is bigger than yours, optimization on your code base barely moves the needle. Audit, defer, or remove third-parties before further frontend optimization. Use Lighthouse's third-party audit to identify the worst offenders.
Source: web.dev
www.canva.com takes 516ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.
This script has high main-thread execution time — optimize hot paths or defer.
Source: web.dev
static.canva.com takes 369ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.
This script has high main-thread execution time — optimize hot paths or defer.
Source: web.dev
static.canva.com takes 219ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.
This script has high main-thread execution time — optimize hot paths or defer.
Source: web.dev
60% of static.canva.com's code is unused. The script may be loading features you don't use.
Bundle has high unused-code ratio — tree-shaking and route-splitting recover the wasted bytes.
Source: web.dev
static.canva.com takes 217ms of CPU time. Consider loading it asynchronously or replacing it with a lighter alternative.
This script has high main-thread execution time — optimize hot paths or defer.
Source: web.dev