Fix Layout Shifts from Images

How to optimize web.stag.dtv.onl

Nuxt SiteScore: 34/100Analyzed May 2026Re-analyze this site

Fix Layout Shifts from Images

High Impact+18 points estimated

Why It Matters

CLS score of 0.285 is caused by unsized images and font loading, hurting user experience.

How to Fix

Add explicit width and height attributes to the DMCA badge image in your Vue footer component. Use Nuxt's @nuxt/image module with placeholder and aspectRatio props. Preload critical fonts using @nuxtjs/google-fonts with preload option enabled.

0Poor

What This Score Means

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

6.8s
Poor

Good: < 2.5s

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

INP

Interaction to Next Paint

311ms
Needs Improvement

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

0.29
Poor

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This Nuxt/Vue website has severe performance issues with a critically low score of 34/100. The biggest problem is excessive unused JavaScript (745 KiB) that's blocking the page from rendering quickly, causing your First Contentful Paint to take 4.4 seconds and Largest Contentful Paint to reach 6.8 seconds - both far slower than recommended. The site also suffers from major layout shifts (0.285 CLS score) as content loads, which creates a jarring user experience. Removing unused JavaScript, optimizing the main thread work that's taking 3.7 seconds, and fixing the layout shift issues caused by unsized images and web fonts could potentially improve your performance score by 40+ points and dramatically speed up page loading.

Other Optimization Recommendations

Optimize JavaScript Bundle Size

High Impact+25 points estimated

Why It Matters:

745 KiB of unused JavaScript is delaying LCP by 1.65 seconds and blocking user interactions.

How to Fix:

Use Nuxt's code splitting with dynamic imports for heavy components. Enable tree shaking in nuxt.config.js with 'build: { extractCSS: true }'. Remove unused dependencies like Google Sign-in client if not needed. Configure Swiper to load only required modules.

Eliminate Render Blocking Resources

Medium Impact+12 points estimated

Why It Matters:

CSS files are blocking first paint by 920ms, significantly delaying content visibility.

How to Fix:

Use Nuxt's css property to inline critical CSS for Header and MenuTree components. Move non-critical styles to component-level scoped CSS. Enable CSS extraction and minification in nuxt.config.js with 'build: { extractCSS: true, optimizeCSS: true }'.

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 Nuxt Speed Tests

Nuxt Performance Resources

Frequently Asked Questions