Largest Contentful Paint
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
How to optimize staging.learn.wowlearnings.org
281 KiB of unused JavaScript is increasing bundle size and delaying LCP by 900ms.
Use Next.js dynamic imports with React.lazy() for components not needed on initial load. Configure webpack-bundle-analyzer to identify unused code. Remove or defer Google Tag Manager and analytics scripts using next/script with strategy='afterInteractive'.
A score of 52 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 poor performance with a score of 52/100, indicating significant user experience issues. The biggest problem is an extremely slow Time to Interactive of 11 seconds, primarily caused by excessive JavaScript execution (4+ seconds) from oversized bundles that contain 281 KiB of unused code and outdated polyfills. The site is also suffering from render-blocking CSS files and forced reflows that delay content painting, resulting in a sluggish 6.2-second Largest Contentful Paint. Removing unused JavaScript, updating the build configuration to eliminate unnecessary polyfills, and optimizing CSS delivery could dramatically improve performance and reduce loading times by several seconds.
Why It Matters:
CSS files are blocking initial render and delaying LCP by 600ms, preventing users from seeing content quickly.
How to Fix:
In your Next.js app, move critical CSS inline using next/head for above-the-fold styles. Use dynamic imports for non-critical CSS chunks. Configure next.config.js to enable CSS optimization with experimental.optimizeCss: true.
Why It Matters:
Legacy JavaScript polyfills add 40 KiB of unnecessary code that modern browsers don't need.
How to Fix:
Update your Next.js config to target modern browsers by setting target: 'es2020' in next.config.js. Configure Babel to exclude unnecessary polyfills for Array.prototype.at, Object.hasOwn, and other modern features. Use browserslist to define your supported browser versions.
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
Render-blocking CSS files delay FCP by 750ms and contribute to the poor initial paint performance.
756 KiB of unused JavaScript delays LCP by 3.9 seconds and wastes 3.9 seconds of load time.
The redirect from commissions.gg to www.commissions.gg wastes 780ms and delays both FCP and LCP by 800ms each.
LCP element has 3.2 second render delay causing the poor 7-second LCP score.