/dashboard

dashboard

desktop · Mon, Apr 27, 2026 12:29 PM ·

demo

Perf

100/100

Global

94/100

Performance

Lighthouse Performance score

Accessibility

Lighthouse Accessibility score

Best Practices

Lighthouse Best Practices score

SEO

Lighthouse SEO score

Core Web Vitals

LCP

Largest Contentful Paint — time until the largest visible content element is rendered. Good = under 2.5s.

1305ms

Largest Contentful Paint

CLS

Cumulative Layout Shift — how much visible content unexpectedly shifts during load. Good = under 0.1.

0.03

Cumulative Layout Shift

INP

Interaction to Next Paint — latency between user input and the next paint. Good = under 200ms.

170ms

Interaction to Next Paint

TTFB

Time to First Byte — how long the server takes to respond with the first byte. Good = under 800ms.

177ms

Time to First Byte

Front-end ↔ Back-end breakdown

LCP composition 1305ms total

frontend 1128ms (86.4%)

Backend telemetry

Queries

11 (20 unique)

Query time

254ms

Memory peak

54.0MB

Cache hit rate

92%

Recommendations

performance

Enable text compression

Info

View all occurrences

Compress text-based responses with gzip or Brotli to reduce transfer size significantly.

Text-based resources (HTML, CSS, JS, JSON) compress 60-80% with gzip and even better with Brotli. Without compression every byte travels over the wire as-is, slowing FCP and LCP directly.

Typical savings: 60-80% transfer size on JS/CSS, 150-400ms LCP improvement

Lighthouse: Enable text compression web.dev: Minify and compress network payloads

Recommended

# nginx — enable gzip + Brotli
gzip on;
gzip_types text/plain text/css application/javascript application/json;
gzip_min_length 1024;

# Brotli (ngx_brotli module)
brotli on;
brotli_types text/plain text/css application/javascript;

Avoid

# No gzip / Brotli block in nginx.conf
# Responses delivered uncompressed — 3-5x larger than necessary

Page details

Page weight

1,196 KB

HTTP requests

DOM elements

1,015

Render-blocking

162ms

LCP element

main > section.hero > img <img src="/images/hero.jpg" loading="eager">

Resource breakdown

Type	Count	Size
script	13	341 KB
stylesheet	4	83 KB
image	22	361 KB
font	1	69 KB
document	1	10 KB

Third-party impact

Entity	Transfer	Blocking	Main thread
Google Analytics	23 KB	60ms	100ms

Main thread breakdown

Slowest requests

URL	Type	Size	Duration
`vendor.js`	Script	371 KB	479ms
`products`	XHR	24 KB	387ms

Diagnostics

Critical request chain depth: 3 levels
Top JS execution costs: app.js 528ms

vendor.js 184ms