Optimize LCP Background Image Loading

How to optimize indiatruss.com

Generic SiteScore: 63/100Analyzed May 2026Re-analyze this site

Optimize LCP Background Image Loading

High Impact+15 points estimated

Why It Matters

The hero carousel background image has a 7.2 second resource load delay, making LCP extremely slow at 6 seconds.

How to Fix

Add fetchpriority='high' to the hero carousel container or use a link rel='preload' for the background image in the HTML head. Convert the CSS background-image to an img tag with priority loading. Optimize the banner image file size and consider using WebP format.

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

6.0s
Poor

Good: < 2.5s

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

INP

Interaction to Next Paint

43ms
Good

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 website has poor performance with a score of 63/100, indicating significant speed issues that hurt user experience. The biggest problem is extremely slow loading of the main carousel image, with a Largest Contentful Paint of 6 seconds - nearly 4 times slower than Google's recommended 2.5 seconds. The site is blocked by render-blocking CSS files (Bootstrap Icons, FontAwesome) that delay page rendering by nearly 3 seconds, and there's a massive 7.2-second delay before the main image even starts loading. Quick wins include adding fetchpriority="high" to the hero image, deferring non-critical CSS files, and removing 57KB of unused CSS code - these changes alone could improve the performance score by 15-20 points and cut loading time in half.

Other Optimization Recommendations

Eliminate Render Blocking CSS Resources

High Impact+18 points estimated

Why It Matters:

Three CSS files are blocking initial render, delaying First Contentful Paint by 2.9 seconds and preventing users from seeing content immediately.

How to Fix:

Defer non-critical CSS by adding media='print' onload="this.media='all'" to bootstrap-icons.css, fontawesome/all.min.css, and animate.min.css. Inline critical CSS for above-the-fold content directly in the HTML head. Move decorative styles to load after initial render.

Remove Unused CSS Code

High Impact+12 points estimated

Why It Matters:

57KB of unused CSS is wasting bandwidth and slowing LCP by 600ms, with some stylesheets being 98% unused.

How to Fix:

Use PurgeCSS or UnCSS to remove unused rules from Bootstrap (89% unused) and FontAwesome (98% unused). Create custom CSS files containing only the classes actually used. Consider switching to a lighter CSS framework or using only specific components 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 Generic Speed Tests

Generic Performance Resources

Frequently Asked Questions