Performance
· 14 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.98 s
Largest Contentful Paint Largest Contentful Paint — how long until the largest visible element loads. Under 2.5s is good.
6.13 s
Total Blocking Time Total Blocking Time — total time the main thread was blocked, preventing user input. Under 200ms is good.
934 ms
Cumulative Layout Shift Cumulative Layout Shift — measures visual stability. How much the page layout shifts during loading. Under 0.1 is good.
0.037
Speed Index Speed Index — how quickly content is visually displayed during load. Under 3.4s is good.
4.41 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.
10.55 s
Page Load Progression
FPage Weight BudgetAction13.1 MB transferred, 664 requestsFIX
Convert images to WebP/AVIF and resize to display dimensions to reduce transfer size.
Image bandwidth is high — modern formats (WebP/AVIF) and resizing typically cut it 50%+.
Source: web.dev
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
Each request adds latency. Bundle small files, use sprites, or eliminate unnecessary requests.
High HTTP request count — bundling, sprite-ing, and HTTP/2 server push can reduce per-request overhead.
Source: web.dev
DThird-Party ImpactAction100% third-party, 0 ms blockingFIX
FJS Execution CostAction8041ms total JS executionFIX
Main Thread Breakdown
| Script | Total | Scripting | Parse/Compile | Party |
|---|---|---|---|---|
| https://www.staples.ca/cdn/shop/t/3675/assets/vendor-b9975e58.min.js | 2295ms | 1448ms | 5ms | 3rd |
| https://www.staples.ca/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js | 1686ms | 1539ms | 0ms | 3rd |
| https://www.staples.ca/ | 1025ms | 69ms | 47ms | 3rd |
| Unattributable | 888ms | 32ms | 0ms | 3rd |
| https://connect.facebook.net/signals/config/175358999513349?v=2.9.293&r=stable&domain=www.staples.ca&hme=295b1b33901e14aeab879c0b58f907ef4d5f44fdd19814310771af911c5f6ac8&ex_m=102%2C198%2C147%2C22%2C70%2C71%2C139%2C66%2C65%2C11%2C155%2C88%2C16%2C132%2C124%2C37%2C73%2C76%2C130%2C152%2C157%2C8%2C4%2C5%2C7%2C6%2C3%2C89%2C99%2C158%2C163%2C212%2C60%2C179%2C180%2C53%2C267%2C30%2C72%2C224%2C223%2C222%2C23%2C32%2C101%2C59%2C10%2C61%2C95%2C96%2C97%2C103%2C127%2C31%2C29%2C129%2C126%2C125%2C148%2C74%2C151%2C149%2C150%2C48%2C58%2C120%2C15%2C154%2C43%2C254%2C255%2C253%2C26%2C27%2C28%2C46%2C140%2C75%2C110%2C18%2C20%2C42%2C38%2C40%2C39%2C81%2C90%2C94%2C108%2C138%2C141%2C44%2C109%2C24%2C21%2C116%2C67%2C35%2C143%2C142%2C144%2C135%2C133%2C25%2C34%2C57%2C107%2C153%2C68%2C17%2C145%2C112%2C79%2C64%2C19%2C83%2C84%2C113%2C82%2C33%2C284%2C205%2C194%2C195%2C193%2C287%2C279%2C50%2C206%2C105%2C128%2C78%2C118%2C52%2C45%2C47%2C111%2C117%2C123%2C56%2C62%2C51%2C54%2C98%2C156%2C1%2C121%2C14%2C119%2C12%2C2%2C55%2C91%2C63%2C115%2C87%2C86%2C159%2C160%2C92%2C93%2C9%2C122%2C100%2C49%2C136%2C85%2C77%2C69%2C114%2C104%2C41%2C137%2C0%2C80%2C131%2C134%2C146%2C36%2C106%2C13%2C161 | 318ms | 301ms | 5ms | 3rd |
| https://www.googletagmanager.com/gtag/js?id=G-JLJQL1E3HP | 266ms | 240ms | 18ms | 3rd |
| https://www.gstatic.com/recaptcha/releases/kUYUkUlSyqkjTSMaN2w3RaOh/recaptcha__en.js | 162ms | 65ms | 33ms | 3rd |
| https://www.datadoghq-browser-agent.com/datadog-rum-v4.js | 156ms | 139ms | 3ms | 3rd |
| https://cdn.segment.com/next-integrations/integrations/vendor/commons.59560acdd69ed701c941.js.gz | 135ms | 128ms | 2ms | 3rd |
| https://www.staples.ca/cdn/shopifycloud/storefront/assets/storefront/load_feature-496de5fe.js | 122ms | 121ms | 0ms | 3rd |
Showing top 10 of 24 scripts
FJS BundlesAction169 scripts, 2.1 MB unusedFIX
Downloaded but never executed on this page.
| Script | Size | Unused | Minified | Party |
|---|---|---|---|---|
| https://www.staples.ca/cdn/shop/t/3675/assets/vendor-b9975e58.min.js | 1051 KB | 637 KB (61%) | ✓ | 3rd |
| https://www.staples.ca/cdn/shop/t/3675/assets/index-74136704.min.js | 362 KB | 179 KB (50%) | ✓ | 3rd |
| https://www.gstatic.com/recaptcha/releases/kUYUkUlSyqkjTSMaN2w3RaOh/recaptcha__en.js | 363 KB | 178 KB (49%) | ✓ | 3rd |
| https://www.gstatic.com/recaptcha/releases/kUYUkUlSyqkjTSMaN2w3RaOh/recaptcha__en.js | 363 KB | 178 KB (49%) | ✓ | 3rd |
| https://www.gstatic.com/recaptcha/releases/kUYUkUlSyqkjTSMaN2w3RaOh/recaptcha__en.js | 0 KB | 178 KB (49%) | ✓ | 3rd |
| https://www.gstatic.com/recaptcha/releases/kUYUkUlSyqkjTSMaN2w3RaOh/recaptcha__en.js | 0 KB | 178 KB (49%) | ✓ | 3rd |
| https://staplesca-esengage.live.exchangesolutions.com/v4/esRd-min.js | 292 KB | 146 KB (50%) | ✓ | 3rd |
| https://www.googletagmanager.com/gtag/js?id=G-JLJQL1E3HP | 174 KB | 67 KB (39%) | ✓ | 3rd |
| https://www.googletagmanager.com/gtm.js?id=GTM-MVGTRDM&l=dataLayer | 130 KB | 67 KB (52%) | ✓ | 3rd |
| https://www.googleoptimize.com/optimize.js?id=GTM-KWCVBZP | 109 KB | 65 KB (60%) | ✓ | 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
DHTTP CachingActionno-store (uncacheable)FIX
max-age=0, no-cache, no-store
| Directive | Value | Meaning |
|---|---|---|
| max-age | 0 | Cache for 0 seconds |
| no-cache | — | Cache but always revalidate first |
| no-store | — | Never cache this response |
CImage OptimizationAction168 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
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
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
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 Loading8 fonts (146 KB)PASS
Web fonts
8
146 KB total
Render-blocking
0
of 8
Dominant font-display
swap
Most common across fonts
Font loading timeline
- Convert to woff2 for ~30% smaller file size
- Convert to woff2 for ~30% smaller file size
- Convert to woff2 for ~30% smaller file size
- Convert to woff2 for ~30% smaller file size
- Convert to woff2 for ~30% smaller file size
- Convert to woff2 for ~30% smaller file size
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 ~34 KB and ~68 ms
A+Resource CachingAll resources properly cachedPASS
A+Critical Rendering PathNo render-blocking resourcesPASS
A+Resource HintsNo optimization neededPASS
Network Waterfall664 requests over 0msINFO
Performance analysis not available for this result.
Third-Party Script CostPer-script blocking time, transfer cost, and cache headersINFO
| Script | Category | Execution | Transfer | Unused | Monthly Cost | Verdict |
|---|---|---|---|---|---|---|
www.staples.ca www.staples.ca | Other | 2295ms | 1051 KB | 61% | CA$32/mo | Costly |
www.staples.ca www.staples.ca | Other | 1686ms | 4 KB | — | CA$23/mo | Costly |
www.staples.ca www.staples.ca | Other | 1025ms | 72 KB | — | CA$14/mo | Costly |
Unattributable Unattributable | Other | 888ms | 0 KB | — | CA$12/mo | Costly |
Facebook Pixel connect.facebook.net | Advertising | 318ms | 38 KB | — | CA$4/mo | Costly |
Google Tag Manager www.googletagmanager.com | Tag Manager | 266ms | 174 KB | 39% | CA$4/mo | Costly |
www.gstatic.com www.gstatic.com | Other | 162ms | 0 KB | 49% | CA$2/mo | Optional |
www.datadoghq-browser-agent.com www.datadoghq-browser-agent.com | Other | 156ms | 48 KB | 59% | CA$2/mo | Optional |
Segment cdn.segment.com | Analytics | 135ms | 22 KB | — | CA$2/mo | Optional |
www.staples.ca www.staples.ca | Other | 122ms | 4 KB | — | CA$2/mo | Optional |
www.staples.ca www.staples.ca | Other | 115ms | 0 KB | — | CA$2/mo | Optional |
static.klaviyo.com static.klaviyo.com | Other | 106ms | 23 KB | — | CA$1/mo | Optional |
cdn-cookieyes.com cdn-cookieyes.com | Other | 100ms | 10 KB | — | CA$1/mo | Optional |
analytics.tiktok.com analytics.tiktok.com | Other | 88ms | 110 KB | 52% | CA$1/mo | Optional |
Google Tag Manager www.googletagmanager.com | Tag Manager | 68ms | 130 KB | 52% | CA$1/mo | Optional |
Facebook Pixel connect.facebook.net | Advertising | 64ms | 95 KB | 34% | CA$1/mo | Optional |
static.klaviyo.com static.klaviyo.com | Other | 64ms | 8 KB | — | CA$1/mo | Optional |
Segment cdn.segment.com | Analytics | 60ms | 3 KB | — | CA$1/mo | Optional |
www.staples.ca www.staples.ca | Other | 57ms | 117 KB | — | CA$1/mo | Optional |
www.staples.ca www.staples.ca | Other | 55ms | 61 KB | 41% | CA$1/mo | Optional |
staplesca-esengage.live.exchangesolutions.com staplesca-esengage.live.exchangesolutions.com | Other | 55ms | 292 KB | 50% | CA$1/mo | Optional |
www.staples.ca www.staples.ca | Other | 53ms | 28 KB | — | CA$1/mo | Optional |
apps.bazaarvoice.com apps.bazaarvoice.com | Other | 53ms | 2 KB | — | CA$1/mo | Optional |
jsDelivr cdn.jsdelivr.net | CDN | 50ms | 32 KB | — | CA$1/mo | Optional |
These scripts may cost more than they're worth
- www.staples.ca adds 2295ms and costs ~CA$32/month
- www.staples.ca adds 1686ms and costs ~CA$23/month
- www.staples.ca adds 1025ms and costs ~CA$14/month
- Unattributable adds 888ms and costs ~CA$12/month
- Facebook Pixel adds 318ms and costs ~CA$4/month
- Google Tag Manager adds 266ms and costs ~CA$4/month
100% 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.staples.ca takes 2295ms 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
61% of www.staples.ca'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
www.staples.ca takes 1686ms 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
www.staples.ca takes 1025ms 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
Unattributable takes 888ms 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
Facebook Pixel takes 318ms 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
Google Tag Manager takes 266ms 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
59% of www.datadoghq-browser-agent.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
52% of analytics.tiktok.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
52% of Google Tag Manager'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
50% of staplesca-esengage.live.exchangesolutions.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