Defer Non-Critical CSS Loading

How to optimize uat.revv.ekbana.net

Next.js SiteScore: 37/100Analyzed March 2026Re-analyze this site

Defer Non-Critical CSS Loading

Medium Impact+12 points estimated

Why It Matters

Render-blocking CSS files delay first paint by 2 seconds, particularly the 29KB main stylesheet.

How to Fix

Split critical above-the-fold CSS using Next.js CSS-in-JS or extract critical styles inline. Use next/dynamic with ssr: false for non-critical components. Implement CSS code splitting by loading route-specific styles asynchronously.

0Poor

What This Score Means

A score of 37 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

LCP

Largest Contentful Paint

14.3s
Poor

Good: < 2.5s

Measures how long it takes for the main content to appear on screen

INP

Interaction to Next Paint

354ms
Needs Improvement

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

0.26
Poor

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This Next.js/React website has severe performance issues with a score of only 37/100. The biggest problem is an extremely slow Largest Contentful Paint of 14.3 seconds, caused primarily by excessive unused JavaScript (725 KiB of wasted code) and render-blocking CSS files that delay initial page rendering by nearly 2 seconds. The site also suffers from significant layout shifts as images load without proper sizing, creating a jarring user experience. Removing unused JavaScript, optimizing CSS delivery, and properly sizing images could dramatically improve the score by 30+ points and reduce load times by over 10 seconds.

Other Optimization Recommendations

Remove Unused JavaScript Bundles

High Impact+25 points estimated

Why It Matters:

725 KiB of unused JavaScript is delaying LCP by 3.6 seconds and blocking user interactions.

How to Fix:

Use Next.js bundle analyzer to identify unused vendor chunks. Implement dynamic imports for heavy libraries like the 99% unused vendors-9a8ad48e chunk. Configure webpack to split bundles by route and load components only when needed.

Fix Layout Shift from Unsized Images

High Impact+15 points estimated

Why It Matters:

CLS score of 0.258 primarily caused by images without explicit dimensions shifting page layout.

How to Fix:

Add explicit width and height props to all Next.js Image components, especially the Dunlop logo causing major shifts. Use Next.js Image component's fill prop with proper aspect ratio containers. Reserve space for dynamically loaded content with CSS min-height.

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

More Next.js Speed Tests

Next.js Performance Resources

Frequently Asked Questions