Performance

· 23 checks — Lighthouse + waterfall + sustainability rolled into one auditable list.

SCORE

GRADE

FIX

REVIEW

PASS

INFO

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

Mobile Desktop

Performance

Accessibility

100

Best Practices

SEO

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

838 ms

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

1.94 s

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

0 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.

1.61 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.96 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

15 PASS 3 REVIEW 2 FIX

Page Weight Budget

Action

2.2 MB transferred, 111 requests

FIX

2.2 MB transferred, 111 requests

Page weighs 7.8 MB (2.2 MB transferred)

Images are 1.1 MB — compress or use modern formats

Convert images to WebP/AVIF and resize to display dimensions to reduce transfer size.

Got: 1.1 MB

JavaScript is 791 KB — consider code splitting or lazy loading

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

Got: 791 KB

111 HTTP requests — consider bundling or reducing

Each request adds latency. Bundle small files, use sprites, or eliminate unnecessary requests.

Estimated 0.46 g CO2 per page load

2.2 MB transferred

111 requests

0.46 g CO2 per page load

Images 1.1 MiB 49%

JavaScript 791.0 KiB 35%

HTML 185.7 KiB 8%

Fonts 127.2 KiB 6%

CSS 23.5 KiB 1%

Other 5.3 KiB 0%

0 2.4 MB 4.9 MB

Approaching limit

Convert images to WebP/AVIF and resize to display dimensions to reduce transfer size.

Why this matters

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.

Why this matters

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.

Why this matters

High HTTP request count — bundling, sprite-ing, and HTTP/2 server push can reduce per-request overhead.

Source: web.dev

HTTP Caching

Action

No cache headers

FIX

No cache headers

No Cache-Control header found

Browsers will use heuristic caching, which can be unpredictable. Set explicit cache headers.

ETag present — enables conditional (304) responses

No Cache-Control header

Adding a Cache-Control header can significantly improve repeat-visit performance.

Image Optimization

Action

54 images, 0 KB saveable

REVIEW

54 images, 0 KB saveable

https://cdn.shopify.com/s/files/1/0089/1846/6641/f... is missing width/height — may cause layout shift