Optimize first contentful paint

FCP is the first visual signal that a page is loading—fast FCP reassures users that the site is responding, reducing perceived wait time and bounce rates.

Quick Reference

• FCP measures time until first text/image appears—target under 1.8s
• Eliminate render-blocking CSS and JavaScript
• Inline critical CSS for above-fold content
• Use preconnect for third-party origins

Check

Measure FCP using Lighthouse or PageSpeed Insights. Verify first content appears within 1.8 seconds.

Fix

Optimize FCP by eliminating render-blocking resources, inlining critical CSS, and reducing server response time.