/dashboard

dashboard

mobile · Sun, May 17, 2026 12:09 PM ·

demo

Perf

97/100

Global

94/100

Performance

Lighthouse Performance score

Accessibility

Lighthouse Accessibility score

Best Practices

Lighthouse Best Practices score

-6 vs prev

SEO

Lighthouse SEO score

+6 vs prev

Core Web Vitals

LCP

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

1523ms

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.

160ms

Interaction to Next Paint

TTFB

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

138ms

Time to First Byte

Front-end ↔ Back-end breakdown

LCP composition 1523ms total

frontend 1385ms (90.9%)

Backend telemetry

Queries

13 (22 unique)

Query time

63ms

Memory peak

25.0MB

Cache hit rate

88%

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

1,158 KB

HTTP requests

DOM elements

972

Render-blocking

275ms

LCP element

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

Resource breakdown

Type	Count	Size
script	7	297 KB
stylesheet	2	127 KB
image	22	518 KB
font	3	98 KB
document	1	25 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	565ms
`products`	XHR	24 KB	246ms

Diagnostics

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

vendor.js 281ms