Defer Render-Blocking CSS Files

How to optimize rangtarini.com

Shopify SiteScore: 0/100Analyzed May 2026Re-analyze this site

Defer Render-Blocking CSS Files

Medium Impact+12 points estimated

Why It Matters

Critical CSS files block initial page render and delay first contentful paint.

How to Fix

In your Shopify theme's layout/theme.liquid file, inline critical CSS for above-the-fold content directly in <style> tags. Load component-specific CSS (slider, social) using media='print' onload='this.media="all"' technique. Use Shopify's {% liquid %} tags to conditionally load CSS only on pages that need specific components.

0Poor

What This Score Means

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

N/A
Needs Improvement

Good: < 2.5s

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

INP

Interaction to Next Paint

83ms
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 Shopify site has critical performance issues with a score of 0/100, indicating severe problems that need immediate attention. The biggest issue is an enormous network payload of 7.3MB, largely caused by unoptimized video files (over 2MB) and oversized images that could be reduced by 1.6MB through proper sizing and compression. Facebook tracking scripts are adding unnecessary bloat with legacy JavaScript code and poor caching (only 20 minutes), while render-blocking CSS files are preventing the page from displaying quickly. Optimizing images, implementing better caching strategies, and removing or deferring non-essential third-party scripts could dramatically improve load times and user experience.

Other Optimization Recommendations

Optimize Category Images Responsively

High Impact+25 points estimated

Why It Matters:

Oversized category images waste 1.6MB and directly impact LCP performance by serving high-resolution images for small display sizes.

How to Fix:

In your Shopify admin, upload multiple image sizes for category cards (320px, 640px, 1280px widths). Edit your theme's category template to use Shopify's responsive image liquid tags like {{ image | image_url: width: 320 }} with srcset attributes. Configure lazy loading to defer below-fold category images.

Configure Facebook Pixel Cache Headers

High Impact+18 points estimated

Why It Matters:

Facebook tracking scripts reload on every visit due to 20-minute cache lifetime, wasting 134KB and blocking render.

How to Fix:

Switch to Shopify's native Facebook integration in Sales Channels instead of custom pixel code. If custom implementation needed, implement Facebook Pixel through Shopify's Customer Events API which has better caching. Use Shopify's Web Pixels Manager to defer pixel loading until after page interaction.

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