Fix Carousel Layout Shifts

How to optimize mce.eu

WordPress SiteScore: 28/100Analyzed April 2026Re-analyze this site

Fix Carousel Layout Shifts

Medium Impact+8 points estimated

Why It Matters

The Elementor carousel causes a 0.173 layout shift score, significantly hurting user experience and CLS metrics.

How to Fix

Add explicit dimensions to the carousel container (.e-n-carousel) using CSS min-height. Preload carousel images and set proper aspect ratios. Configure Elementor's carousel settings to prevent content jumping during initialization by reserving proper space.

0Poor

What This Score Means

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

16.8s
Poor

Good: < 2.5s

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

INP

Interaction to Next Paint

254ms
Needs Improvement

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

0.18
Needs Improvement

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This WordPress site has severely poor performance with a score of only 28/100. The biggest problem is excessive JavaScript execution time (4.2 seconds) and forced reflows that are blocking the page from loading efficiently, causing your Largest Contentful Paint to suffer at 16.8 seconds - far beyond Google's recommended 2.5 seconds. The site is loading 535 KiB of unused JavaScript and has poorly optimized images that could save 301 KiB, while render-blocking resources are delaying the initial page display by over 7 seconds. Reducing JavaScript payloads, optimizing images, and fixing the forced reflow issues in your Elementor elements could dramatically improve performance and user experience.

Other Optimization Recommendations

Fix Forced Reflow Performance Issues

High Impact+25 points estimated

Why It Matters:

JavaScript is causing 220ms of forced reflows, blocking the main thread and severely impacting user interactions.

How to Fix:

Audit the inline JavaScript causing reflows (especially the base64 encoded script and Elementor carousel code). Batch DOM reads/writes together and use requestAnimationFrame for layout operations. Consider replacing problematic scripts with optimized alternatives or defer them until after page load.

Optimize JavaScript Execution and Delivery

High Impact+20 points estimated

Why It Matters:

9.7 seconds of main-thread work and 535KB of unused JavaScript are severely blocking page rendering and interactions.

How to Fix:

Remove unused WordPress plugins and scripts identified in the audit. Use WP Rocket or LiteSpeed Cache to defer non-critical JavaScript. Split large bundles and implement code splitting for Elementor and FontAwesome assets that aren't immediately needed.

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

WordPress Performance Resources

Frequently Asked Questions