LCP
Largest Contentful Paint
14.3s
Poor
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Eliminate Render-Blocking CSS
How to optimize learn.wowlearnings.org
Eliminate Render-Blocking CSS
High Impact+12 points estimated
Why It Matters
CSS files block initial page render, delaying both FCP and LCP by 900ms.
How to Fix
Inline critical CSS for above-the-fold content in your Next.js pages. Move non-critical CSS to load asynchronously using next/dynamic or loadCSS library. Consider extracting unused CSS (28 KiB savings identified) from your stylesheets.
0Poor
What This Score Means
A score of 9 falls in the "Poor" 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.
Core Web Vitals Analysis
INP
Interaction to Next Paint
861ms
Poor
Good: < 200ms
Measures how quickly the page responds to user interactions
CLS
Cumulative Layout Shift
0.35
Poor
Good: < 0.1
Measures visual stability - how much content shifts during page load
AI Performance Analysis
This Next.js site has severe performance issues with a score of only 9/100. The biggest problem is excessive JavaScript execution taking over 41 seconds of main thread work, causing extremely slow loading times - your page takes 49 seconds to become interactive and 14 seconds for the largest content to appear. The site is loading 470KB of unused JavaScript and experiencing significant layout shifts when web fonts load, which creates a jarring user experience. Reducing unused JavaScript, optimizing font loading, and implementing proper caching could dramatically improve performance by 20+ seconds and provide a much better user experience.
Other Optimization Recommendations
Fix Font-Induced Layout Shifts
High Impact+25 points estimatedWhy It Matters:
Material Symbols font loading causes significant layout shifts (CLS: 0.352), severely impacting user experience.
How to Fix:
Add font-display: swap to your Google Fonts import. Preload the Material Symbols font using <link rel='preload' as='font'> in your Next.js _document.js. Use font metric overrides or size-adjust CSS to minimize layout shifts during font swaps.
Reduce Unused JavaScript Payload
High Impact+18 points estimatedWhy It Matters:
470 KiB of unused JavaScript delays LCP by 2.4 seconds and blocks user interactions.
How to Fix:
Use Next.js dynamic imports with code splitting for non-critical components. Remove or lazy-load Google Analytics until user interaction. Audit your bundle with next-bundle-analyzer to identify unnecessary polyfills and dependencies that can be eliminated.
Keep Your Site Fast After Optimization
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.
Explore DeployHQ →Trusted by engineering teams shipping high-performance sites
Want to Analyze YOUR Website?
Get AI-powered performance insights with actionable fixes in 30 seconds
Related Performance Analyses
More Next.js Speed Tests
Next.js Performance Resources
Optimize JavaScript Execution Time
2.2 seconds of JavaScript execution time is creating 580ms of Total Blocking Time, hurting user interactivity.
Reduce Unused JavaScript Payload
285KB of unused JavaScript is blocking the main thread and delaying LCP by 1.05 seconds.
Remove Legacy JavaScript Polyfills
Unnecessary polyfills add 40KB of code that modern browsers don't need, slowing down execution.
Optimize JavaScript Bundle Splitting
2.9 seconds of JavaScript execution time blocks the main thread and delays Time to Interactive by 11.2 seconds.