Roundup · Updated April 2026

5 Best Heatmap Tools for Shopify in 2026 (Speed-Tested)

Every heatmap tool adds JavaScript to your store. We tested 5 popular options and measured the real speed impact on Shopify. Here's what we found.

1. Speed Impact Comparison

Before we dive into features and pricing, let's start with what matters most for Shopify merchants: how much does each tool slow down your store? We tested all five tools on a standard Shopify store running the Dawn theme with typical apps installed.

Tool Script Size Load Time Impact Main Thread Blocking PageSpeed Impact
Microsoft Clarity ~22KB +120ms +15ms −1 to −3 pts
Crazy Egg ~85KB +280ms +65ms −2 to −5 pts
Mouseflow ~180KB +410ms +110ms −3 to −8 pts
Lucky Orange ~250KB +520ms +140ms −4 to −8 pts
Hotjar ~470KB +829ms +230ms −5 to −15 pts

Tested on Shopify Dawn theme with 5 common apps. Mobile 4G throttling. Source: Third-Party Web project + internal testing.

Script Size Visual Comparison

Microsoft Clarity ~22KB
Crazy Egg ~85KB
Mouseflow ~180KB
Lucky Orange ~250KB
Hotjar ~470KB

The difference is dramatic. Microsoft Clarity's script is 21 times smaller than Hotjar's and adds 7 times less load time. For Shopify stores already running multiple apps and third-party scripts, choosing a lighter heatmap tool can be the difference between passing and failing Core Web Vitals. Not sure where your store stands? Run a free Shopify speed test to see how your current heatmap tool is affecting performance.

⚠️ Why Speed Matters for Heatmap Tools

The average Shopify store already loads 15–25 app scripts. Adding a heatmap tool on top of that can push your total page weight past the tipping point. A 1-second increase in load time reduces conversions by up to 7% (Portent study). And since March 2024, Core Web Vitals directly affect your Google search rankings. Choosing a lighter tool isn't just about speed scores — it's about revenue.

2. #1 Microsoft Clarity — Best Free Heatmap Tool

Speed Impact

+120ms

Lightest

Price

$0/mo

Free forever

Best For

Every store

Zero-risk starting point

Microsoft Clarity is the clear winner for most Shopify stores. It's completely free — no session limits, no feature gates, no premium tiers — and its 22KB script is by far the lightest of any major heatmap tool.

What you get: Click, scroll, and area heatmaps. Unlimited session recordings. Automatic detection of rage clicks, dead clicks, excessive scrolling, and quick-backs. An AI-powered "Copilot" that automatically surfaces UX insights. Google Analytics 4 integration.

What you don't get: Surveys, feedback widgets, user interviews, A/B testing, or live chat. If you need any of these, you'll need a second tool — but Clarity covers the heatmap and recording basics better than most paid alternatives.

Speed verdict: Clarity adds so little overhead that most Shopify stores won't see a measurable difference in their PageSpeed score. It's the only heatmap tool we recommend running without a script deferral tool.

3. #2 Crazy Egg — Best for A/B Testing + Heatmaps

Speed Impact

+280ms

Light

Price

$24/mo

30-day free trial

Best For

CRO teams

Heatmaps + A/B tests

Crazy Egg is a veteran in the heatmap space (founded in 2006 by Neil Patel and Hiten Shah). Its key differentiator: built-in A/B testing. You can go from spotting a problem in a heatmap to testing a fix — all within the same tool.

What you get: Click, scroll, move, and confetti heatmaps (confetti breaks down clicks by referral source, search term, and more). Session recordings. A/B testing with visual editor. Traffic analysis with snapshots. Works on unlimited domains.

What you don't get: Live chat, surveys, form analytics, or real-time visitor monitoring. The session recording feature is more basic than Clarity's or Hotjar's.

Pricing: Starts at $24/month (Standard plan — 75K tracked pageviews/month). The Plus plan at $49/month adds 150K pageviews and A/B testing. Pro at $99/month includes 500K pageviews. Enterprise at $249/month for high-traffic stores. All plans include unlimited team members and domains.

Speed verdict: At 85KB, Crazy Egg's script is light for a tool that includes A/B testing capabilities. The 280ms load time impact is manageable, and it's easily deferred with Thunder for near-zero impact.

4. #3 Lucky Orange — Best for Live Chat + Heatmaps

Speed Impact

+520ms

Moderate

Price

$39/mo

Free plan available

Best For

Support + UX

Live chat + monitoring

Lucky Orange stands out with a feature no other heatmap tool offers: built-in live chat with co-browsing. You can watch what a visitor is doing in real time and start a chat with them — seeing their screen as you help. For Shopify stores that value customer support, this is a game-changer.

What you get: Click, scroll, and move heatmaps. Dynamic heatmaps overlaid on your live site. Session recordings. Live chat with co-browsing. Real-time dashboard. Conversion funnels. Form analytics. Basic surveys. Native Shopify app.

What you don't get: A/B testing, user interviews, or AI-powered insights. The survey functionality is basic compared to Hotjar's.

Pricing: Free plan with 100 sessions/month. Build plan at $39/month (10K sessions). Grow plan at $79/month (40K sessions). Expand plan at $149/month (100K sessions). All paid plans include all features.

Speed verdict: At 250KB, Lucky Orange is heavier than Clarity and Crazy Egg but lighter than Hotjar. The extra weight comes from the live chat and real-time monitoring features. If you'd otherwise pay separately for a chat tool, the consolidated script may actually be lighter total.

5. #4 Mouseflow — Best for Form Analytics

Speed Impact

+410ms

Moderate

Price

$39/mo

Free plan available

Best For

Form optimization

Detailed form analytics

Mouseflow is a Danish analytics company that's been in the heatmap space since 2010. Its standout feature is comprehensive form analytics — it tracks every field in your forms, showing drop-off rates, time spent, and refill patterns. For Shopify stores with complex checkout flows or lead-gen forms, this is invaluable.

What you get: Six types of heatmaps (click, scroll, movement, attention, geo, and a unique "friction" heatmap). Session recordings with automatic friction detection. Detailed form analytics. Customer journey mapping. Feedback surveys. Conversion funnels.

What you don't get: Live chat, A/B testing, real-time visitor monitoring, or AI insights. The platform focuses deeply on analytics rather than action tools.

Pricing: Free plan with 500 sessions/month and 1-month data retention. Starter at $39/month (5K sessions, 3-month retention). Growth at $79/month (25K sessions, 6-month retention). Business at $159/month (100K sessions, 12-month retention). Enterprise pricing is custom.

Speed verdict: At 180KB, Mouseflow sits in the middle of the pack. Its 410ms load time impact is noticeable but not as heavy as Lucky Orange or Hotjar. The friction heatmap feature is unique and worth the trade-off if form optimization is your priority.

6. #5 Hotjar — Best for Surveys & User Feedback

Speed Impact

+829ms

Heaviest

Price

$39/mo

Limited free plan

Best For

VoC research

Surveys + feedback

Hotjar is the most well-known heatmap tool, and for good reason — it pioneered the "heatmaps + recordings + surveys" bundle. Its biggest strength today is its Voice of Customer toolkit: surveys, NPS scoring, feedback widgets, and user interview recruitment.

What you get: Click, scroll, and move heatmaps. Session recordings. On-site surveys with conditional logic. Incoming feedback widget. User interview recruitment and scheduling. Conversion funnels. AI-powered survey analysis. Google Analytics 4 integration.

What you don't get: Live chat, A/B testing, form analytics, real-time monitoring, or a native Shopify app. You'll need to manually add the tracking script.

Pricing: Free plan with 35 daily sessions (very limited). Plus at $39/month (100 daily sessions). Business at $99/month (500 daily sessions). Scale at $213+/month (unlimited). Hotjar's per-session pricing makes it the most expensive option for high-traffic stores.

Speed verdict: At 470KB, Hotjar is the heaviest tool in this comparison — nearly 4x heavier than Crazy Egg and 21x heavier than Clarity. If you use Hotjar, we strongly recommend deferring its script with Thunder to minimize the Core Web Vitals impact. See our detailed Hotjar speed analysis for the full data.

7. Feature Comparison Table

Feature Clarity Crazy Egg Lucky Orange Mouseflow Hotjar
Click Heatmaps
Scroll Heatmaps
Move Heatmaps
Session Recordings ✅ Unlimited
A/B Testing
Live Chat
Surveys ✅ Basic ✅ Advanced
Form Analytics ✅ Advanced
AI Insights ✅ Copilot
Real-Time Dashboard
Friction Detection ✅ Advanced
Shopify App ✅ Native
GA4 Integration

8. Pricing Comparison

Tool Free Plan Starter Paid Mid-Tier Enterprise
Microsoft Clarity Unlimited — forever free N/A N/A N/A
Crazy Egg 30-day trial $24/mo (75K pvs) $49/mo (150K pvs) $249/mo (1M pvs)
Lucky Orange 100 sessions/mo $39/mo (10K sessions) $79/mo (40K sessions) $149/mo (100K sessions)
Mouseflow 500 sessions/mo $39/mo (5K sessions) $79/mo (25K sessions) $159/mo (100K sessions)
Hotjar 35 daily sessions $39/mo (100/day) $99/mo (500/day) $213+/mo (unlimited)

The pricing picture is clear: Clarity is unbeatable on value (free, unlimited), Crazy Egg is cheapest paid option at $24/month, and Hotjar is the most expensive for comparable session volumes. Lucky Orange and Mouseflow offer competitive mid-range pricing with their own unique feature advantages.

For a Shopify store doing 50K sessions per month, here's the annual cost: Clarity = $0. Crazy Egg = $588. Lucky Orange = $948. Mouseflow = $948. Hotjar = $1,188 to $2,556. That's a massive range for tools that all offer heatmaps and session recordings.

9. How to Minimize Any Tool's Speed Impact

No matter which heatmap tool you choose, you can minimize its speed impact. The most effective approach is script deferral — loading the heatmap tool after your critical content has rendered.

⚡ Thunder Page Speed Optimizer — Automatic Script Deferral

Thunder automatically detects and defers all third-party scripts — including any heatmap tool — without breaking functionality. Here's the speed recovery for each tool:

Load Time Impact With Thunder Active:

Clarity: 120ms → ~50ms
Crazy Egg: 280ms → ~80ms
Mouseflow: 410ms → ~120ms
Lucky Orange: 520ms → ~150ms
Hotjar: 829ms → ~200ms
Keep Your Heatmaps, Lose the Lag →

Free plan available · No credit card required · 30-second setup

Other Optimization Tips

  • Limit to specific pages: Only run the heatmap tool on pages you're actively analyzing, not site-wide.
  • Disable unused features: If you only need heatmaps, disable session recordings (and vice versa) to reduce script weight.
  • Use sampling: Many tools let you record only a percentage of sessions — this reduces both server load and client-side overhead.
  • Audit regularly: Use our free speed test to check your store's performance with and without your heatmap tool.

10. Our Recommendation

🏆 For Most Shopify Stores: Microsoft Clarity

Start here. It's free, has the lightest speed impact, and covers 90% of what you need (heatmaps + recordings + AI insights). You literally can't go wrong — there's no cost and minimal performance risk. See our full Clarity review.

🧪 For CRO-Focused Stores: Crazy Egg

If you need A/B testing alongside heatmaps, Crazy Egg is the best value. Light script, cheapest paid pricing, and the confetti heatmap is genuinely useful for understanding traffic segments.

💬 For Support-Focused Stores: Lucky Orange

The live chat with co-browsing is a unique value proposition. If customer support is central to your business and you want to consolidate heatmaps + chat into one tool, Lucky Orange delivers. See our Lucky Orange comparison.

📝 For Form-Heavy Stores: Mouseflow

If your conversion funnel depends on forms (lead gen, custom orders, multi-step checkout), Mouseflow's form analytics are the most detailed available. The friction heatmap is also unique and genuinely useful.

📋 For VoC Research: Hotjar

Hotjar's surveys, feedback widgets, and user interview tools are still best-in-class. If qualitative research drives your product decisions, Hotjar justifies its higher cost and heavier script — just make sure to defer it with Thunder.

Whichever heatmap tool you choose, check out our Hotjar alternatives guide for more speed-focused options, read about how third-party scripts impact Shopify performance to understand the bigger picture, or follow our complete speed optimization guide to make sure your store stays fast after adding any analytics tool. For stores doing $5k+/month, the revenue impact of speed improvements typically pays for any heatmap subscription many times over.

11. Frequently Asked Questions

What is the best free heatmap tool for Shopify?

Microsoft Clarity is the best free heatmap tool for Shopify. It offers unlimited heatmaps, session recordings, and AI-powered insights at zero cost with the lightest speed impact of any major heatmap tool (~22KB script, +120ms load time). No other free tool matches its combination of features and performance.

Do heatmap tools slow down Shopify stores?

Yes, all heatmap tools add JavaScript that impacts page speed. The impact ranges from minimal (Microsoft Clarity adds ~120ms) to significant (Hotjar adds ~829ms). The key is choosing a lightweight tool and using a script manager like Thunder to defer loading until after critical content renders.

Which heatmap tool has the least speed impact on Shopify?

Microsoft Clarity has the smallest speed impact at approximately 22KB script size and +120ms load time. Crazy Egg is second-lightest at ~85KB and +280ms. Hotjar is the heaviest mainstream option at ~470KB and +829ms. Using a script deferral tool like Thunder can minimize any tool's impact.

Can I use heatmaps on Shopify without affecting Core Web Vitals?

You can minimize the impact significantly by deferring your heatmap tool's script to load after critical content. Thunder Page Speed Optimizer does this automatically. With Thunder active, even Hotjar's 829ms impact drops to approximately 200ms. Microsoft Clarity is light enough (~120ms) that it barely affects Core Web Vitals even without deferral.

Is Crazy Egg worth it for Shopify stores?

Crazy Egg is worth considering if you need built-in A/B testing alongside heatmaps. At ~85KB, it's lighter than Hotjar and Lucky Orange. Pricing starts at $24/month. However, if you only need heatmaps and recordings, Microsoft Clarity offers more for free. Crazy Egg's value proposition is the combination of visual analytics with A/B testing.

How do I install a heatmap tool on Shopify?

Most heatmap tools install via a JavaScript snippet added to your theme.liquid file before the closing </head> tag. Lucky Orange has a native Shopify app for one-click installation. For best performance, use Thunder Page Speed Optimizer alongside any heatmap tool — it automatically defers the tracking script to protect your page speed.

Can I use two heatmap tools on Shopify at the same time?

Yes, but be careful about the cumulative speed impact. A popular combination is Microsoft Clarity (free heatmaps and recordings) plus Hotjar (for surveys and feedback). Together they add approximately 950ms of load time without optimization. Using Thunder Page Speed Optimizer to defer both scripts reduces the combined impact to approximately 250ms. If you do combine tools, avoid overlapping features — don't run two session recording tools simultaneously.

What are the best website heatmap tools in 2026?

The best heatmap tools in 2026 for Shopify are Microsoft Clarity (best free option, lightest at 22KB), Crazy Egg (best for A/B testing, 85KB), Lucky Orange (best for live chat, native Shopify app), Mouseflow (best for form analytics, 6 heatmap types), and Hotjar (best for surveys and feedback). For most Shopify stores, Clarity delivers the best value with zero cost and minimal speed impact.

Use Any Heatmap Tool Without the Speed Penalty

Thunder automatically defers Hotjar, Clarity, Lucky Orange, and all other third-party scripts so your Core Web Vitals stay green. No code changes required. Check plans to find the right fit for your store.

Install Thunder Free →

Free plan available · Works with all Shopify themes · 30-second setup