Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize pagespeed.deployhq.com
Legacy JavaScript polyfills are adding 13KB of unnecessary code that modern browsers don't need.
Update your Next.js configuration to target modern browsers by setting target: 'es2017' or higher in your Babel config. Configure browserslist in package.json to exclude older browser versions you don't need to support. This will eliminate polyfills for Array.at, Object.hasOwn, and other modern features.
A score of 82 falls in the "Needs Improvement" range (50-89). While it is better than poor (0-49), you should aim for 90+ to provide an optimal user experience and maximize SEO benefits.
This site is slower than approximately 35% of similar sites. The main issues affecting performance are image optimization, JavaScript execution time, and layout stability.
Addressing these issues could improve your conversion rate by 15-20% and boost your search engine rankings.
Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Interaction to Next Paint
Good: < 200ms
Measures how quickly the page responds to user interactions
Cumulative Layout Shift
Good: < 0.1
Measures visual stability - how much content shifts during page load
This Next.js site has good performance with a score of 82/100, but there's significant room for improvement in loading speed. The biggest issue is render-blocking CSS and font files that are delaying both First Contentful Paint (2.9s) and Largest Contentful Paint (3.6s) by an estimated 1.9 seconds. The site is loading CSS files and Google Fonts synchronously, creating a chain of dependencies that blocks the page from rendering quickly. To improve performance, you should defer non-critical CSS, preload important fonts, and consider inlining critical CSS directly in the HTML to eliminate render-blocking resources.
Why It Matters:
Render-blocking CSS is delaying your LCP by 1.9 seconds, significantly impacting page load performance.
How to Fix:
Inline critical CSS for above-the-fold content directly in your Next.js component using styled-jsx or CSS-in-JS. Move non-critical CSS including the Google Fonts stylesheet to load asynchronously using next/head with media='print' onload='this.media="all"'. Consider using next/font to optimize Google Fonts loading with automatic font optimization.
Why It Matters:
25KB of unused JavaScript is adding 150ms to your LCP and increasing bundle size unnecessarily.
How to Fix:
Use Next.js Bundle Analyzer to identify unused code in your chunks. Implement dynamic imports for components not needed on initial page load. Configure your Next.js build to use tree-shaking by ensuring you're importing only specific functions rather than entire libraries.
Once your site is optimized, maintain that speed. Use DeployHQ for zero-downtime, automated deployments—so performance fixes and updates go live safely every time, without breaking your site.
Get AI-powered performance insights with actionable fixes in 30 seconds
More Next.js Speed Tests
655KB of unused JavaScript increases load time by 3.1 seconds and blocks main thread execution.
Resource load delay of 4,613ms for LCP image makes it undiscoverable and prevents fast loading.
TTFB of 1,028ms and redirect chain waste 1,830ms, severely delaying LCP by 20+ seconds.
Poor caching configuration forces users to re-download resources on repeat visits, missing opportunities for faster load times.