Optimize LCP Video Element

How to optimize kooksheaders.com

Shopify SiteScore: 52/100Analyzed June 2026Re-analyze this site

Optimize LCP Video Element

High Impact+18 points estimated

Why It Matters

Hero video has 2.1 second render delay and uses preload='none', severely impacting LCP performance.

How to Fix

Add fetchpriority='high' to the hero video element. Change preload='none' to preload='metadata' for faster initial frame display. Optimize video poster image (reduce from 1013x675 to displayed 489x275). Consider using intersection observer to load video only when visible.

0Needs Improvement

What This Score Means

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.

Core Web Vitals Analysis

LCP

Largest Contentful Paint

41.8s
Poor

Good: < 2.5s

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

INP

Interaction to Next Paint

136ms
Good

Good: < 200ms

Measures how quickly the page responds to user interactions

CLS

Cumulative Layout Shift

0.01
Good

Good: < 0.1

Measures visual stability - how much content shifts during page load

AI Performance Analysis

This Shopify site has poor performance with a score of 52/100, indicating significant user experience issues. The biggest problem is excessive unused JavaScript that's blocking the page from loading efficiently - particularly from chat widgets, Google tracking scripts, and third-party apps that are wasting nearly 1MB of data and delaying content visibility by over 3 seconds. The site also suffers from massive image files (over 1MB) that aren't optimized for web delivery and render-blocking resources that prevent the page from displaying content quickly. Removing unused JavaScript, optimizing images to modern formats like WebP, and deferring non-critical scripts could dramatically improve loading times and boost the performance score by 30+ points.

Other Optimization Recommendations

Eliminate Unused JavaScript Bundles

High Impact+25 points estimated

Why It Matters:

941 KiB of unused JavaScript delays LCP by 3.25 seconds and blocks critical rendering.

How to Fix:

Remove or defer Shopify Chat widget (119KB unused), Google Analytics scripts (215KB unused), and unnecessary tracking code. Use Shopify's Script Tag API to load analytics after page interaction. Implement code splitting for critical vs non-critical JavaScript.

Fix Forced Reflow Issues

Medium Impact+8 points estimated

Why It Matters:

67ms of forced reflows in slideshow vendor JavaScript blocks main thread and delays interactivity.

How to Fix:

Batch DOM reads and writes in slideshow-vendor.js by storing layout properties before DOM mutations. Replace synchronous offsetWidth/offsetHeight calls with cached values. Use requestAnimationFrame for layout-triggering operations in carousel animations.

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

Shopify Performance Resources

Frequently Asked Questions