Performance Monitoring Core Web Vitals

@if (isset($message))

@endif

CLS

Layout Shift

{{ $performanceData['cls']['good'] }}%

Good

FID

Input Delay

{{ $performanceData['fid']['good'] }}%

Good

LCP

Content Paint

{{ $performanceData['lcp']['good'] }}%

Good

FCP

First Paint

{{ $performanceData['fcp']['good'] }}%

Good

TTFB

Time to Byte

{{ $performanceData['ttfb']['good'] }}%

Good

Overall

Performance

0%

No Data

CLS Distribution

LCP Distribution

Recent Performance Metrics

@if (count($recentMetrics) > 0)

@foreach ($recentMetrics as $metric) @endforeach

Page	CLS	FID (ms)	LCP (ms)	FCP (ms)	TTFB (ms)	Time
{{ $metric['page'] }}	{{ number_format($metric['cls'], 3) }}	{{ $metric['fid'] }}	{{ $metric['lcp'] }}	{{ $metric['fcp'] }}	{{ $metric['ttfb'] }}	{{ \Carbon\Carbon::parse($metric['timestamp'])->diffForHumans() }}

@else

No Performance Data Available

Performance metrics will appear here once users start visiting your pages.

@endif

Performance Guidelines

CLS (Cumulative Layout Shift)

Good ≤ 0.1

Needs Improvement 0.1 - 0.25

Poor > 0.25

FID (First Input Delay)

Good ≤ 100ms

Needs Improvement 100ms - 300ms

Poor > 300ms

LCP (Largest Contentful Paint)

Good ≤ 2.5s

Needs Improvement 2.5s - 4s

Poor > 4s

FCP (First Contentful Paint)

Good ≤ 1.8s

Needs Improvement 1.8s - 3s

Poor > 3s