Eliminate Render Blocking CSS

How to optimize truck.liftutbildning.se

Next.js SiteScore: 63/100Analyzed April 2026Re-analyze this site

Eliminate Render Blocking CSS

Medium Impact+8 points estimated

Why It Matters

Two CSS files are blocking initial render, adding 150ms delay to First Contentful Paint.

How to Fix

Use Next.js built-in CSS optimization by importing critical styles in _app.js. Move non-critical styles to load asynchronously using next/dynamic with ssr: false. Inline critical CSS for above-the-fold content in the document head.

0Needs Improvement

What This Score Means

A score of 63 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.

Core Web Vitals Analysis

LCP

Largest Contentful Paint

7.9s
Poor

Good: < 2.5s

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

INP

Interaction to Next Paint

220ms
Needs Improvement

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

0.00
Good

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This Next.js site has poor performance with a score of 63/100, indicating significant issues that need attention. The biggest problem is extremely slow content loading, with the Largest Contentful Paint taking 7.9 seconds - far exceeding Google's recommended 2.5 seconds. The main culprits are oversized images that are much larger than their display dimensions (wasting 317 KiB), unused JavaScript from Google Analytics and tracking scripts (wasting 116 KiB), and render-blocking CSS files that delay initial page rendering. Optimizing image sizes, removing unused JavaScript code, and deferring non-critical resources could dramatically improve load times and boost the performance score by 25+ points.

Other Optimization Recommendations

Optimize Largest Contentful Paint Image

High Impact+15 points estimated

Why It Matters:

The LCP image has 1.9 seconds of render delay and poor compression, directly impacting the 7.9s LCP score.

How to Fix:

Increase compression on the hero image (4210-900x600.webp) to save 54KB. Move the image to a CDN with better cache headers. Use Next.js Image component with priority prop and optimize=true for automatic optimization.

Remove Unused JavaScript Code

High Impact+12 points estimated

Why It Matters:

116KB of unused JavaScript from Google Tag Manager scripts delays LCP by 350ms and FCP by 300ms.

How to Fix:

Implement Google Tag Manager with Next.js gtag configuration to load only required tracking. Use next/script component with strategy='afterInteractive' for non-critical analytics. Remove unused tracking pixels and defer secondary scripts.

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