I Optimized Every Image.Page Speed Still Crawled.
I was convinced the problem was images. Ran them through every compressor, served them in modern formats, added lazy loading.
The site still felt slow. Turns out I was measuring wrong, looking at total load time instead of the metric that actually matters to users: First Contentful Paint.
The images were fine. The issue was render-blocking JavaScript in the head.
What I found was that three vendor scripts, analytics, a chat widget, a font loader, were all firing before the page could even show text. The user saw a blank screen for 1.8 seconds while the browser parsed code that wasn't critical to the initial view.
Google's performance guidance breaks this down clearly: defer what you can, inline what you must, delete what you don't need.
Once I deferred those scripts and moved non-critical CSS to async, First Contentful Paint dropped to 0.9 seconds. The total load time was the same, but the experience flipped.
This is why our web design work focuses on perceived speed first, because a page that feels fast wins, even if the full load takes another second in the background.
Open your site in Chrome DevTools, run a Lighthouse audit, and look for render-blocking resources in the report. Defer any script that isn't needed for the initial paint. That one change often cuts perceived load time in half, even when total load stays the same.
