LCP
Largest Contentful Paint
4.4s
Poor
Good: < 2.5s
Measures how long it takes for the main content to appear on screen
Eliminate Render-Blocking CSS Resources
How to optimize gallerykhat.com
Shopify SiteScore: 54/100Analyzed February 2026
Eliminate Render-Blocking CSS Resources
High Impact+20 points estimated
Why It Matters
CSS files block initial page render by 580ms, directly delaying First Contentful Paint and user-visible content.
How to Fix
Inline critical CSS for above-the-fold content directly in the Shopify theme's layout/theme.liquid file. Use Shopify's asset_url filter with media='print' onload technique to load non-critical CSS asynchronously. Remove 60 KiB of unused CSS rules from theme.css and reCAPTCHA styles.
0Needs Improvement
What This Score Means
A score of 54 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
INP
Interaction to Next Paint
231ms
Needs Improvement
Good: < 200ms
Measures how quickly the page responds to user interactions
CLS
Cumulative Layout Shift
0.16
Needs Improvement
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 54/100, indicating significant user experience issues. The biggest problem is excessive JavaScript processing that's blocking the main thread for nearly 6 seconds, severely delaying page interactivity and causing a painfully slow Time to Interactive of 29 seconds. The site is also suffering from render-blocking CSS files that delay initial page rendering, unused JavaScript code consuming over 1MB of bandwidth, and layout shifts caused by web fonts loading. Prioritizing JavaScript optimization, removing unused code, and implementing proper font loading strategies could dramatically improve the performance score and create a much faster, more responsive shopping experience for customers.
Other Optimization Recommendations
Optimize JavaScript Execution and Bundle
High Impact+25 points estimatedWhy It Matters:
JavaScript execution takes 2.6 seconds blocking main thread for 570ms, severely impacting TBT and delaying user interactions.
How to Fix:
Remove unused JavaScript (1,248 KiB potential savings) especially from reCAPTCHA and third-party scripts. Use Shopify's Script Tag API to load non-critical JavaScript asynchronously. Bundle and minify remaining JavaScript using Shopify CLI or webpack to reduce the 5.9 seconds of main-thread work.
Fix Font Loading Layout Shifts
Medium Impact+8 points estimatedWhy It Matters:
Web font loading causes a CLS score of 0.158 as IBM Plex Sans loads and shifts the entire main content area.
How to Fix:
Add font-display: swap to your Google Fonts URL in theme.liquid. Preload the IBM Plex Sans font file using <link rel='preload'> in the document head. Use CSS font fallbacks with similar metrics to minimize layout shifts during font swap.
Want to Analyze YOUR Website?
Get AI-powered performance insights with actionable fixes in 30 seconds
Related Performance Analyses
More Shopify Speed Tests
Shopify Performance Resources
Fix Font Loading Layout Shifts
Web font loading causes a CLS score of 0.158 as IBM Plex Sans loads and shifts the entire main content area.
Optimize JavaScript Execution and Bundle
JavaScript execution takes 2.6 seconds blocking main thread for 570ms, severely impacting TBT and delaying user interactions.
Optimize Critical Render Path
Render-blocking CSS files are delaying First Contentful Paint by 750ms.
Eliminate Forced Layout Reflows
JavaScript is forcing 770ms of layout recalculations, severely impacting Time to Interactive (33 seconds).
Frequently Asked Questions
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