/dashboard

dashboard

mobile · Sat, May 16, 2026 12:59 PM ·

demo

Perf

97/100

Global

94/100

Performance

Lighthouse Performance score

+4 vs prev

Accessibility

Lighthouse Accessibility score

-6 vs prev

Best Practices

Lighthouse Best Practices score

+12 vs prev

SEO

Lighthouse SEO score

-5 vs prev

Core Web Vitals

LCP

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

1749ms

Largest Contentful Paint

CLS

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

0.05

Cumulative Layout Shift

INP

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

141ms

Interaction to Next Paint

TTFB

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

231ms

Time to First Byte

Front-end ↔ Back-end breakdown

LCP composition 1749ms total

frontend 1518ms (86.8%)

Backend telemetry

Queries

23 (25 unique)

Query time

228ms

Memory peak

37.0MB

Cache hit rate

93%

Recommendations

performance

Efficiently encode images

Info

View all occurrences

Unoptimized images contain redundant data. Compress them to improve LCP.

Unoptimized JPEG/PNG images contain metadata and redundant pixel data. Lossless or lossy compression can cut size 30-60% with no perceptible quality difference — directly improving LCP.

Typical savings: 30-70% image size, significant LCP improvement on image-heavy pages

Lighthouse: Efficiently encode images Intervention Image for Laravel

Recommended

// Intervention Image v3 — optimize on upload
use Intervention\Image\ImageManager;
use Intervention\Image\Drivers\Gd\Driver;

$manager = new ImageManager(new Driver());
$manager->read($path)
    ->toWebp(quality: 80)
    ->save(storage_path('app/public/images/hero.webp'));

Avoid

// Storing raw upload with no compression
$request->file('image')->store('images'); // may be a 4 MB JPEG

Page details

Page weight

842 KB

HTTP requests

DOM elements

975

Render-blocking

134ms

LCP element

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

Resource breakdown

Type	Count	Size
script	13	617 KB
stylesheet	3	133 KB
image	19	391 KB
font	2	48 KB
document	1	22 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	372ms
`products`	XHR	24 KB	335ms

Diagnostics

Critical request chain depth: 2 levels
Top JS execution costs: app.js 581ms

vendor.js 246ms