Eliminate Render Blocking CSS

How to optimize tyzot.com

Shopify SiteScore: 57/100Analyzed April 2026Re-analyze this site

Eliminate Render Blocking CSS

High Impact+25 points estimated

Why It Matters

Critical CSS files are blocking first paint for 2.2 seconds, severely delaying LCP and FCP.

How to Fix

In your Shopify theme, inline critical CSS for above-the-fold content in the <head>. Use Shopify's {% style %} tags for essential styles. Defer non-critical CSS like bootstrap.min.css and font-awesome using media='print' onload='this.media="all"' attribute.

0Needs Improvement

What This Score Means

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

7.5s
Poor

Good: < 2.5s

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

INP

Interaction to Next Paint

179ms
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 store has poor performance with a score of 57/100, primarily due to render-blocking CSS files that are delaying page rendering by 2.2 seconds. The site's Largest Contentful Paint takes 7.5 seconds, which creates a frustrating user experience. The biggest opportunities for improvement are removing unused CSS (114 KB savings), optimizing JavaScript execution (307 KB of unused code), and compressing images (304 KB savings). Addressing the render-blocking resources first would provide the most immediate impact, potentially improving both First Contentful Paint and Largest Contentful Paint scores significantly.

Other Optimization Recommendations

Optimize Unused JavaScript Removal

High Impact+18 points estimated

Why It Matters:

307 KiB of unused JavaScript is wasting bandwidth and blocking the main thread for 1.4 seconds.

How to Fix:

Remove or defer Google Analytics scripts by moving them to Shopify's customer_events or post-purchase pages. Use Shopify's Script Tag API to load tracking scripts asynchronously. Consider removing duplicate gtag.js instances and consolidate tracking into one implementation.

Compress Product Images Properly

Medium Impact+12 points estimated

Why It Matters:

Product images waste 304 KiB and delay LCP by 150ms with oversized dimensions and poor compression.

How to Fix:

In Shopify admin, use responsive image URLs with proper sizing parameters (e.g., _679x679 instead of _900x900). Enable Shopify's automatic WebP conversion in theme settings. Use TinyPNG app to compress existing product images and set image compression quality to 80-85%.

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