Poor LCP (Largest Contentful Paint) Test Page

This page has a large, unoptimized image to trigger the poor_lcp issue.

LCP measures how long it takes for the largest content element to become visible. Good LCP is 2.5 seconds or less.

What's wrong?

• Large, complex image at the top of the page
• Image is not optimized or lazy-loaded
• No preloading of critical resources
• LCP likely exceeds 2500ms threshold

Expected Detection:

Severity: Warning

Threshold: > 2500ms

Code location: apps/worker/src/performance/web-vitals.ts:13-109

How to Fix:

• Optimize and compress images
• Use responsive images with srcset
• Implement lazy loading for below-fold images
• Use a CDN for static assets
• Preload critical resources
• Reduce server response time

LCP Thresholds:

• Good: ≤ 2500ms
• Needs Improvement: 2500-4000ms
• Poor: > 4000ms